@media (max-width: 996px) {
.mobile-hidden{display:none;}
}

@media (max-width: 768px) {
.asagir-modal {
    width: 98vw;
    padding: 1.5rem 0.5rem 1.5rem 0.5rem;
}
.asagir-modal h3 {
    font-size: 1.8rem;
}
.asagir-modal .cta-btn {
    font-size: 1rem;
}
#portada img{width:140%;height:auto;left:-20%;position:relative;}
#descripcion img{max-width:250px;margin:0 auto;}
#descripcion h2{font:bold 250%/110% 'Montserrat';text-align:center;}
#descripcion p{font-size:120%;line-height:150%;padding:0 0 5% 0;}

#comentarios .row{margin:25px auto;padding:0 5%;}
#comentarios img{max-width:250px;margin:0 auto;}
#comentarios h2{font:bold 250%/110% 'Montserrat';text-align:center;color:#009FE3;}
.comentario{padding:15px;margin:0 auto 25px;}
.comentario p{font:bold 135%/120% 'Montserrat', sans-serif;margin:0 auto 10px;}
.comentario strong{padding-right:15px;font:bold 120%/110% 'Montserrat', sans-serif;}

#ejes{margin:25px auto;padding:0 10%;}
#ejes h2{font:bold 200%/110% 'Montserrat';margin:0 auto 50px;padding-right:0;text-align:center;}
.eje{position:relative;padding:0 0 0 50px;}
.eje h3{font:bold 135%/110% 'Montserrat';margin:0 auto 15px;}
.eje p{font-size:110%;line-height:125%;padding-bottom:25px;}
.eje::before{width:30px;font:bold 300%/100% 'Montserrat';}

#inscripciones{display:block;width:100%;margin:50px auto 0;text-align:center;position: relative;}
#inscripciones .img{width:200%;left:-50%;}
#inscripciones .row{top:40%;}

#empresas h2{font:bold 200%/110% 'Montserrat';}
#empresas .bloque{margin:0 auto 50px;}
#empresas .bloque h3{font:bold 135%/110% 'Bebas Neue';}
#empresas .bloque img{max-width:100px;margin:0 auto 5px;}
#empresas .bloque.big img{max-width:150px;margin:0 auto 15px;}

#footer{padding:20px 10%;font-size:80%;}
#footer img{margin:50px auto 0;}
#footer p{margin:50px auto;}
}

@media (max-width: 480px) {
.asagir-modal {
    width: 99vw;
}

#vivo{font:75%/110% 'Montserrat', sans-serif;padding:15px 5px;white-space: nowrap;}
.live-dot{width:8px;height:8px;margin-right:0;}

#descripcion img{max-width:180px;margin:0 auto;}
#descripcion h2{font:bold 180%/110% 'Montserrat';text-align:center;}
#descripcion p{font-size:100%;line-height:140%;padding:0 0 8% 0;}

#comentarios .row{margin:15px auto;padding:0 3%;}
#comentarios img{max-width:180px;margin:0 auto;}
#comentarios h2{font:bold 180%/110% 'Montserrat';text-align:center;color:#009FE3;}
.comentario{padding:10px;margin:0 auto 15px;}
.comentario p{font:bold 110%/120% 'Montserrat', sans-serif;margin:0 auto 8px;}
.comentario strong{padding-right:10px;font:bold 100%/110% 'Montserrat', sans-serif;}

#ejes h2{font:bold 165%/110% 'Montserrat';margin:0 auto 30px;padding-right:0;text-align:center;}
.eje{position:relative;padding:0 0 0 30px;}
.eje h3{font:bold 110%/110% 'Montserrat';margin:0 auto 10px;}
.eje p{font-size:95%;line-height:120%;padding-bottom:15px;}
.eje::before{width:20px;font:bold 200%/100% 'Montserrat';}

#inscripciones{display:block;width:100%;margin:30px auto 0;text-align:center;position: relative;}
#inscripciones .img{width:250%;left:-75%;}

#empresas{padding:0 5%;}
#empresas h2{font:bold 165%/110% 'Montserrat';}

#footer img{margin:30px auto 0;}
#footer p{margin:30px auto;}
}