@media screen and (max-width: 768px) {

.cont-menu {min-height: 70px;}
.cont-menu .logo {left: 50%;}
.cont-menu .logo img { width: 30vw;}
.cont-menu .menu {position: fixed;top: 0;bottom: 0;left: 0;right: 0;padding: 80px 20px;background-color: #fff;text-align: center;z-index: 3;display: none;}
.cont-menu .menu a {display: block;position: relative;max-width: 200px;padding: 15px;border-bottom: none;margin: 5px auto; font-size: 5vw;}
.cont-menu .menu a:hover, .cont-menu a.active {color: white;}
.menu-responsive, .close-responsive {display: block;}

.cont-tabs.gallery .inf-tabs .box img {width: 100%;}
.cont-tabs.gallery .inf-tabs .box .year {width: 100%;padding: 20px 0;}
.cont-slider h2{
    margin: 0;
}
.cont-slider.empresa{
    height: 20vh;
}
}

@media screen and (max-width: 400px) {

.cont-cobertura .popup {top: 200px;}
.cont-cobertura a.paz {top: 120px;left: 85px;}
.cont-cobertura a.hmo {top: 90px;left: 110px;}
.cont-cobertura a.guay {top: 110px;left: 110px;}
.cont-cobertura a.obr {top: 125px;left: 120px;}
.cont-cobertura a.cul {top: 140px;left: 115px;}
.cont-cobertura a.guad {top: 160px;left: 130px;}

.cont-cobertura .popup {width: 100%;left: 0;padding: 10px;}

.cont-cobertura .cont-img {margin-bottom: 230px;}

.cont-form {padding: 20px 10px;}

}