@charset "utf-8";
/* CSS Document */
@media (max-width: 649px) {
    header .headerLogo{width:70%; margin: 0 auto 20px auto;}
    header .headerSocialHolder{position: relative; transform: none; text-align: center; top: auto; left: auto;}
    header .headerSocialHolder a{margin:0 10px;}
    .toggleMenu{position:fixed;border: 1px solid;}
    .mainBannerHolder{background-position: 0;}
    .mainBannerHolder .bannertextHolder{bottom: 20px; left: 20px; right: 20px;}
    .mainBannerHolder .bannertextHolder .small{font-size: 70px; line-height: 80px;}
    .mainBannerHolder .bannertextHolder .large{font-size: 80px; line-height: 90px;}
    .headerMenu {font-size: 20px;line-height: 20px;width: 80%;}
    .headerMenu li {margin: 0 0 20px 0;}
    .pageBanner {height: 350px;}
    #about .image{position: relative; width: 100%; top: auto; left: auto; right: auto; bottom: auto; height: 50vh;}
    #about .textHolder{position: relative; width: 100%; min-height: auto; height: auto;}
    #about .textHolder .inner{position: relative; transform: none; top: auto; padding: 30px;}
    #gallery{padding:50px 0;}
    #gallery h2.title{font-size: 60px; line-height: 60px; margin:0 0 50px 0;}
    #start .textHolder{position: relative; width: 100%; min-height: auto; height: auto;}
    #start .textHolder .inner{position: relative; transform: none; top: auto; padding: 30px;}
    #start .image{position: relative; width: 100%; top: auto; left: auto; right: auto; bottom: auto; height: 50vh; clear:both;}
    #offer h2.title{font-size: 60px; line-height: 60px; margin:0 0 50px 0;}
    #offer .item{width: 100%; margin: 0 0 20px 0;}
    #bodyMechanic .image{position: relative; width: 100%; top: auto; left: auto; right: auto; bottom: auto; height: 50vh;}
    #bodyMechanic .textHolder{position: relative; width: 100%; min-height: auto; height: auto;}
    #bodyMechanic .textHolder .inner{position: relative; transform: none; top: auto; padding: 30px;}
    #contact h2.title{font-size: 60px; line-height: 60px; margin:0 0 50px 0;}
    #contact form{width:80%;}
    .contactInfo {margin-bottom: 30px;}
    #contact form input.half{width:100%; margin:0 0 10px 0;}
    #contactPage h2.title{font-size: 60px; line-height: 60px; margin:0 0 50px 0;}
    #contactPage form{width:100%;}
    #contactPage form input.half{width:100%; margin:0 0 10px 0;}
    footer{text-align:center;}
    footer .footerLogo{width:70%; margin: 0 auto 30px auto;}
    footer .footerSocialHolder{margin:30px 0;}
    a.phonebox{display: block; background: #28aea3; color: #fff; padding: 30px 0px; font-size: 32px; text-align: center; position: fixed; left: 0; bottom: 0; width: 100%; cursor: pointer; z-index: 100;}
}