@media (max-width: 600px){
    .navbar-brand{
        width: 173px;
        height: 34px;
        padding: 0;
    }
    .navbar-brand img{
        width: 100%;
    }
    .hero{
        height: 100vh;
        display: inline-flex;
        justify-content: center;
        align-items: center;
    }
    footer .footer-list li{
        display: inline-block;
        font-size: 12px;
        text-align: center;
        width: 30%;
        margin: 0;
    }
    footer p{
        font-size: 13px;
        overflow-wrap: break-word;
    }
    #services{
        padding: 5%;
    }
    #contacto h2{
        font-size: 18px;
        line-height: 105%;
    }
    .dir{
        font-size: 12px;
        line-height: 150%;
    }
    .tel{
        font-size: 12px;
        text-align: right;
    }
    #contacto h3{
        font-size: 14px;
        line-height: 17px;
    }
    .hero h1{
        font-size: 66px;
    }
    #hero-vsl h1, #hero-bunk h1{
        font-size: 47px;
    }
    #services-brown{
        padding: 5%;
    }
}
@media (min-width:600px) and (max-width:992px){
    #contacto.cambio{
        padding: 10% 0 0;
    }
    #services{
        padding: 10%;
    }
    .hero h1{
        font-size: 66px;
    }
    footer li{
        text-align: center;
    }
}


@media (min-width:992px) and (max-width:1200px){
    #contacto.cambio{
        /*height: 73.5vh;*/
        padding: 25% 0 0;
    }
}