@media all and ( max-width: 1500px ) {
    .contact h3 { letter-spacing: .01em; font-size: 1.65em; }
    .bottom .box h3 { letter-spacing: -.03em; font-size: 1.2em; }
    .input-row label strong { width: 17%; }
}

@media all and ( max-width: 1400px ) {
    .bottom .img-holder { width: 28.5%; }
    .bottom ul { width: 70%; }
    .input-row .input { width: 75%; }
    .title { width: 100%; float: none; margin: 0 auto 2.65em; }
    .social-links { width: 100%; float: none; max-width: 25em; margin: 0 auto; padding: 1em 0; display: none; text-align: left; }
    .social-links.responsive { display: block; }
    .contact ul { margin-bottom: 1em; }
    .social-links .social { margin-bottom: 0; }
}

@media all and ( max-width: 1350px ) {
    .bottom .box h3 { font-size: 1em; }
}

@media all and ( max-width: 1300px ) {
    /*.input-row label strong { width: 20%; }*/
     .input-row .input { width: 73%; }
}

@media all and ( max-width: 1250px ) {
    .top { font-size: 94%; }
}

@media all and ( max-width: 1200px ) {
    .text { width: 100%; float: none; text-align: center; margin-bottom: 1.5em; }
    .contact { width: 100%; float: none; max-width: 25em; margin: 0 auto 2em; text-align: center; }
    .bottom ul { width: 100%; float: none; margin-left: 0; }
    .bottom .img-holder { width: 100%; float: none; }
    .text .text-part { max-width: none; }
    .bottom .box { text-align: center; }
    .bottom .box img { margin: 0 auto .65em; left: 0; right: 0; display: block; }
    .title { margin: 0 auto 1.5em; }
    .bottom .img-holder { text-align: center; margin-top: 0; margin-bottom: 1.5em; }
    .site-footer { margin-top: 1em; }
    .bottom .box { min-height: auto; padding-bottom: 2.5em; padding-left: 1em; padding-right: 1em; }
    .contact .buttons { padding-left: 6.5em; text-align: left; }
    .input-row .input { width: 74%; }
    .social-links { text-align: center; }
}

@media all and ( max-width: 1000px ) {
    .title h2 { font-size: 2.2em; }
    .page-title img { max-width: 220px; width: 100%; }
}

@media all and ( max-width: 900px ) {
    .site-footer ul,
    .site-footer .copy { width: 100%; float: none; text-align: center; }
    .site-footer .content { padding: 1.35em 0; }
}

@media all and ( max-width: 850px ) {
    .title { display: block; padding-top: 1em; margin-bottom: 2em; }
    .page-title { display: block; text-align: center; margin: 0 auto .5em; }
    .title h2 { display: block; text-align: center; max-width: 18em; margin: 0 auto; font-size: 2em; }
    .text p { line-height: 1.5; }
}

@media all and ( max-width: 700px ) {
    .wrap { padding: 0 2em; }
    .text h3 { font-size: 1.3em; }
    .title h2 { font-size: 1.85em; }
    .text p { font-size: .95em; }
    .bottom .box { width: 100%; float: none; padding: 1.5em 1em 0.5em; }
    .bottom .box img { max-width: 120px; position: static; }
    .text-contact { padding-bottom: 1em; }
    .bottom .img-holder { margin-top: 1em; }
}

@media all and ( max-width: 500px ) {
    .wrap { padding: 0 1.2em; }
    .top { font-size: 88%; }
}

@media all and ( max-width: 450px ) {
    .site-footer li { display: block; border: none; margin-bottom: .3em; }
    .contact .buttons { padding-left: 6.25em; }
}

@media all and ( max-width: 430px ) {
    .contact .buttons { padding-left: 5.65em; }
}

@media all and ( max-width: 400px ) {
    .title h2 { font-size: 1.6em; }
    .text h3 { font-size: 1.15em; }
    .contact li a { font-size: .95em; }
    .contact h3 { font-size: 1.45em; }
    .contact .buttons { padding-left: 5.45em; }
}

@media all and ( max-width: 360px ) {
    .contact .buttons { padding-left: 4.9em; }
}

@media all and ( max-width: 340px ) {
    .contact .buttons { padding-left: 4.5em; }
}