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

.cont-menu {min-height: 70px;}
.cont-menu .logo {left: 50%;margin-left: -60px;}
.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;}
.cont-menu .menu a:hover, .cont-menu a.active {color: #28960f;}
.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;}

}

@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;}

}