/* Hero */

#loma-del-diablo-hero { background: url(https://excursiones-heros.s3.sa-east-1.amazonaws.com/loma-del-diablo-hero.jpg) right center no-repeat; background-size: cover !important; height: 650px; } 
 
#youtube {height:410px !important}

/* Fotos ilustrativas */
#img_loma-del-diablo1 {background: url(https://elchalten-imgs-ilustrativas.s3.sa-east-1.amazonaws.com/loma_del_diablo1.jpg) center center no-repeat; background-size: cover !important; display: block; height: 360px !important;}
#img_loma-del-diablo2 {background: url(https://elchalten-imgs-ilustrativas.s3.sa-east-1.amazonaws.com/loma_del_diablo2.jpg) center center no-repeat; background-size: cover !important; display: block; height: 360px !important;}
#img_loma-del-diablo3 {background: url(https://elchalten-imgs-ilustrativas.s3.sa-east-1.amazonaws.com/loma_del_diablo3.jpg) center center no-repeat; background-size: cover !important; display: block; height: 360px !important;}
#img_loma-del-diablo4 {background: url(https://elchalten-imgs-ilustrativas.s3.sa-east-1.amazonaws.com/loma_del_diablo4.jpg) center center no-repeat; background-size: cover !important; display: block; height: 360px !important;}
#img_loma-del-diablo5 {background: url(https://elchalten-imgs-ilustrativas.s3.sa-east-1.amazonaws.com/loma_del_diablo5.jpg) center center no-repeat; background-size: cover !important; display: block; height: 360px !important;}
#img_loma-del-diablo6 {background: url(https://elchalten-imgs-ilustrativas.s3.sa-east-1.amazonaws.com/loma_del_diablo6.jpg) center center no-repeat; background-size: cover !important; display: block; height: 360px !important;}
#img_loma-del-diablo7 {background: url(https://elchalten-imgs-ilustrativas.s3.sa-east-1.amazonaws.com/loma_del_diablo7.jpg) center center no-repeat; background-size: cover !important; display: block; height: 360px !important;}
#img_loma-del-diablo8 {background: url(https://elchalten-imgs-ilustrativas.s3.sa-east-1.amazonaws.com/loma_del_diablo8.jpg) center center no-repeat; background-size: cover !important; display: block; height: 360px !important;}
#img_loma-del-diablo9 {background: url(https://elchalten-imgs-ilustrativas.s3.sa-east-1.amazonaws.com/loma_del_diablo9.jpg) center center no-repeat; background-size: cover !important; display: block; height: 360px !important;}
#img_loma-del-diablo10 {background: url(https://elchalten-imgs-ilustrativas.s3.sa-east-1.amazonaws.com/loma_del_diablo10.jpg) center center no-repeat; background-size: cover !important; display: block; height: 360px !important;}

#img_loma-del-diablo11 {background: url(https://elchalten-imgs-ilustrativas.s3.sa-east-1.amazonaws.com/dia_de_campo1.jpg) center center no-repeat; background-size: cover !important; display: block; height: 360px !important;}


/* Estilos específicos */
#jumbotron_generico.caminatas-autoguiadas {padding-bottom: 2em !important; } 
.caminatas-caracteristicas { background: #7f8c8d; padding:1em 1.5em 1em 1.5em; margin-bottom: 2em !important; border-radius: 6px; display: block }
.caminatas-autoguiadas h4 {font-size: 1.2em; font-weight: 300 !important; text-align: center !important; color:#fff;}
.caminatas-autoguiadas i {padding-right: 0.4em; color: #f1c40f; font-size: 1.4em !important; position: relative !important;	top:0.1em !important;}
.mapa-loma-del-diablo {height: 500px !important}


/* Breakpoints */
@media (max-width: 1600px) { }
@media (max-width: 1366px) { 
#loma-del-diablo-hero {height: 500px !important; } 
#youtube {height:411px !important}
}

@media (max-width: 1200px) { #youtube {height:340px !important}}
@media (max-width: 1112px) { 
#loma-del-diablo-hero {height: 410px !important; }
#jumbotron_generico.caminatas-autoguiadas {padding-bottom: 2em !important; }  
.caminatas-caracteristicas { padding:1em 1.5em 1em 1.5em; margin-bottom: 1.5em !important; }
.caminatas-autoguiadas h4 {font-size: 1.1em !important; }
.caminatas-autoguiadas i {font-size: 1.3em !important; }
#img_loma-del-diablo1, #img_loma-del-diablo2, #img_loma-del-diablo3, #img_loma-del-diablo4, #img_loma-del-diablo5, #img_loma-del-diablo6, #img_loma-del-diablo7, #img_loma-del-diablo8, #img_loma-del-diablo9, #img_loma-del-diablo10, #img_loma-del-diablo11 {height: 310px !important;}
#youtube {height:334px !important}
}
@media (max-width: 1024px) { 
#loma-del-diablo-hero { height: 380px !important; } 
#youtube {height:344px !important}

}
@media (max-width: 992px) {
	#img_loma-del-diablo1, #img_loma-del-diablo2, #img_loma-del-diablo3, #img_loma-del-diablo4, #img_loma-del-diablo5, #img_loma-del-diablo6, #img_loma-del-diablo7, #img_loma-del-diablo8, #img_loma-del-diablo9, #img_loma-del-diablo10, #img_loma-del-diablo11 {height: 310px !important;}
}

@media (max-width: 981px) { 
.caminatas-caracteristicas { padding:1em 1.2em 1em 1.2em; margin-bottom: 1.2em !important; }
.caminatas-autoguiadas h4 {font-size: 1.0em !important; }
#img_loma-del-diablo1, #img_loma-del-diablo2, #img_loma-del-diablo3, #img_loma-del-diablo4, #img_loma-del-diablo5, #img_loma-del-diablo6, #img_loma-del-diablo7, #img_loma-del-diablo8, #img_loma-del-diablo9, #img_loma-del-diablo10, #img_loma-del-diablo11 {height: 330px !important;}
#youtube {height:355px !important}
}

@media (max-width: 960px) { 
.caminatas-autoguiadas h4 {font-size: 1.1em !important; } 
#loma-del-diablo-hero { background: url(https://excursiones-heros.s3.sa-east-1.amazonaws.com/loma-del-diablo-hero2.jpg) center top no-repeat !important; background-size: cover !important; height: 300px !important; }
#img_loma-del-diablo1, #img_loma-del-diablo2, #img_loma-del-diablo3, #img_loma-del-diablo4, #img_loma-del-diablo5, #img_loma-del-diablo6, #img_loma-del-diablo7, #img_loma-del-diablo8, #img_loma-del-diablo9, #img_loma-del-diablo10, #img_loma-del-diablo11 {height: 330px !important;}
}


@media (max-width: 834px) { 
	#loma-del-diablo-hero { height: 310px !important; }
	.caminatas-autoguiadas h5 {font-size: 1.2em; font-weight: 400; }
	#img_loma-del-diablo1, #img_loma-del-diablo2, #img_loma-del-diablo3, #img_loma-del-diablo4, #img_loma-del-diablo5, #img_loma-del-diablo6, #img_loma-del-diablo7, #img_loma-del-diablo8, #img_loma-del-diablo9, #img_loma-del-diablo10, #img_loma-del-diablo11 {height: 320px !important;}

}

@media (max-width: 800px) {
	.caminatas-autoguiadas h4 {font-size: 1.1em; font-weight: 400; }
	.caminatas-autoguiadas h5 {font-size: 1.1em; font-weight: 400; } 
	#img_loma-del-diablo1, #img_loma-del-diablo2, #img_loma-del-diablo3, #img_loma-del-diablo4, #img_loma-del-diablo5, #img_loma-del-diablo6, #img_loma-del-diablo7, #img_loma-del-diablo8, #img_loma-del-diablo9, #img_loma-del-diablo10, #img_loma-del-diablo11 {height: 320px !important;}
}

@media (max-width: 782px) { }

@media (max-width: 768px) { 
.caminatas-caracteristicas { padding:1em 1.5em 1em 1.5em; margin-bottom: 1.5em !important; }
.caminatas-autoguiadas h4 {font-size: 1em !important; }
.caminatas-autoguiadas i {font-size: 1.3em !important; }
#img_loma-del-diablo1, #img_loma-del-diablo2, #img_loma-del-diablo3, #img_loma-del-diablo4, #img_loma-del-diablo5, #img_loma-del-diablo6, #img_loma-del-diablo7, #img_loma-del-diablo8, #img_loma-del-diablo9, #img_loma-del-diablo10, #img_loma-del-diablo11 {height: 260px !important;}
#youtube {height:304px !important; padding-bottom:1em !important;}

}

@media (max-width: 736px) { 
#loma-del-diablo-hero { height: 280px !important; }
#img_loma-del-diablo1, #img_loma-del-diablo2, #img_loma-del-diablo3, #img_loma-del-diablo4, #img_loma-del-diablo5, #img_loma-del-diablo6, #img_loma-del-diablo7, #img_loma-del-diablo8, #img_loma-del-diablo9, #img_loma-del-diablo10, #img_loma-del-diablo11 {height: 260px !important;}
#youtube {height:304px !important; padding-bottom:1em !important;}
}

@media (max-width: 694px) { 
.mapa {display: none}
#img_loma-del-diablo1, #img_loma-del-diablo2, #img_loma-del-diablo3, #img_loma-del-diablo4, #img_loma-del-diablo5, #img_loma-del-diablo6, #img_loma-del-diablo7, #img_loma-del-diablo8, #img_loma-del-diablo9, #img_loma-del-diablo10, #img_loma-del-diablo11 {height: 270px !important;}
#youtube {height:320px !important; padding-bottom:1em !important;}
}

@media (max-width: 678px) { 
.caminatas-autoguiadas h4 {font-size: 1.1em; font-weight: 400; } 
#jumbotron_generico.caminatas-autoguiadas {padding-bottom: 2em !important; } 
}

@media (max-width: 667px) { }
@media (max-width: 639px) { }
@media (max-width: 600px) {
#youtube {height:320px !important;}
}

@media (max-width: 568px) { 
#loma-del-diablo-hero { height: 220px !important; } 
#youtube {height:310px !important; padding-bottom:1em !important;}
}

@media (max-width: 551px) { 
#img_loma-del-diablo1, #img_loma-del-diablo2, #img_loma-del-diablo3, #img_loma-del-diablo4, #img_loma-del-diablo5, #img_loma-del-diablo6, #img_loma-del-diablo7, #img_loma-del-diablo8, #img_loma-del-diablo9, #img_loma-del-diablo10, #img_loma-del-diablo11 {height: 240px !important;}
#youtube {height:300px !important;}
}

@media (max-width: 540px) { 	}
}

@media (max-width: 507px) { 
#loma-del-diablo-hero { height: 250px !important; } 
.caminatas-caracteristicas { padding:0.2em 1em 0.2em 1em; margin-bottom: 0 !important; background: none; }
.caminatas-autoguiadas h4 {font-size: 1.3em !important; text-align: left !important; color: #888; font-weight: 400 !important; line-height: 1.5em !important}
.caminatas-autoguiadas i {font-size: 1.3em !important; top:0.05em !important; color: green}

}

@media (max-width: 470px) { }

@media (max-width: 440px) { 
	#youtube {height:238px !important;}
	#img_loma-del-diablo1, #img_loma-del-diablo2, #img_loma-del-diablo3, #img_loma-del-diablo4, #img_loma-del-diablo5, #img_loma-del-diablo6, #img_loma-del-diablo7, #img_loma-del-diablo8, #img_loma-del-diablo9, #img_loma-del-diablo10, #img_loma-del-diablo11 {height: 185px !important;}
.mapa-loma-del-diablo {height: 400px !important}

}


@media (max-width: 438px) { 
	#youtube {height:238px !important;}
	#img_loma-del-diablo1, #img_loma-del-diablo2, #img_loma-del-diablo3, #img_loma-del-diablo4, #img_loma-del-diablo5, #img_loma-del-diablo6, #img_loma-del-diablo7, #img_loma-del-diablo8, #img_loma-del-diablo9, #img_loma-del-diablo10, #img_loma-del-diablo11 {height: 185px !important;}
}
@media (max-width: 414px) { 
#loma-del-diablo-hero { height: 185px !important; } 
#img_loma-del-diablo1, #img_loma-del-diablo2, #img_loma-del-diablo3, #img_loma-del-diablo4, #img_loma-del-diablo5, #img_loma-del-diablo6, #img_loma-del-diablo7, #img_loma-del-diablo8, #img_loma-del-diablo9, #img_loma-del-diablo10, #img_loma-del-diablo11 {height: 185px !important;}
.caminatas-caracteristicas {padding:0.3em; margin-bottom: 0 !important; margin-top: 0 !important;border-radius: 0; }
.caminatas-autoguiadas h4 {font-size: 1.2em !important; text-align: left !important; }
.caminatas-autoguiadas i {font-size: 1.2em !important; }
#youtube {height:215px !important;}
}

@media (max-width: 375px) { 
#loma-del-diablo-hero { background: url(https://excursiones-heros.s3.sa-east-1.amazonaws.com/loma-del-diablo-hero3.jpg) center top no-repeat !important; background-size: cover !important; height: 180px !important; }
#img_loma-del-diablo1 {background: url(https://elchalten-imgs-ilustrativas.s3.sa-east-1.amazonaws.com/loma_del_diablo1b.jpg) center center no-repeat; background-size: cover !important; display: block; height: 180px !important;}
#img_loma-del-diablo2 {background: url(https://elchalten-imgs-ilustrativas.s3.sa-east-1.amazonaws.com/loma_del_diablo2b.jpg) center center no-repeat; background-size: cover !important; display: block; height: 180px !important;}
#img_loma-del-diablo3 {background: url(https://elchalten-imgs-ilustrativas.s3.sa-east-1.amazonaws.com/loma_del_diablo3b.jpg) center center no-repeat; background-size: cover !important; display: block; height: 180px !important;}
#img_loma-del-diablo4 {background: url(https://elchalten-imgs-ilustrativas.s3.sa-east-1.amazonaws.com/loma_del_diablo4b.jpg) center center no-repeat; background-size: cover !important; display: block; height: 180px !important;}
#img_loma-del-diablo5 {background: url(https://elchalten-imgs-ilustrativas.s3.sa-east-1.amazonaws.com/loma_del_diablo5b.jpg) center center no-repeat; background-size: cover !important; display: block; height: 180px !important;}
#img_loma-del-diablo6 {background: url(https://elchalten-imgs-ilustrativas.s3.sa-east-1.amazonaws.com/loma_del_diablo6b.jpg) center center no-repeat; background-size: cover !important; display: block; height: 180px !important;}
#img_loma-del-diablo7 {background: url(https://elchalten-imgs-ilustrativas.s3.sa-east-1.amazonaws.com/loma_del_diablo7b.jpg) center center no-repeat; background-size: cover !important; display: block; height: 180px !important;}
#img_loma-del-diablo8 {background: url(https://elchalten-imgs-ilustrativas.s3.sa-east-1.amazonaws.com/loma_del_diablo8b.jpg) center center no-repeat; background-size: cover !important; display: block; height: 180px !important;}
#img_loma-del-diablo9 {background: url(https://elchalten-imgs-ilustrativas.s3.sa-east-1.amazonaws.com/loma_del_diablo9b.jpg) center center no-repeat; background-size: cover !important; display: block; height: 180px !important;}
#img_loma-del-diablo10 {background: url(https://elchalten-imgs-ilustrativas.s3.sa-east-1.amazonaws.com/loma_del_diablo10b.jpg) center center no-repeat; background-size: cover !important; display: block; height: 180px !important;}
#img_loma-del-diablo11 {background: url(https://elchalten-imgs-ilustrativas.s3.sa-east-1.amazonaws.com/dia_de_campo1b.jpg) center center no-repeat; background-size: cover !important; display: block; height: 360px !important;}


#youtube {height:200px !important;}
}
@media (max-width: 320px) { 
#loma-del-diablo-hero { height: 125px !important; } 
#img_loma-del-diablo1, #img_loma-del-diablo2, #img_loma-del-diablo3, #img_loma-del-diablo4, #img_loma-del-diablo5, #img_loma-del-diablo6, #img_loma-del-diablo7, #img_loma-del-diablo8, #img_loma-del-diablo9, #img_loma-del-diablo10, #img_loma-del-diablo11 {height: 130px !important;}

.caminatas-autoguiadas h4 {font-size: 1.1em !important; }
.caminatas-autoguiadas i {font-size: 1em !important;}
#youtube {height:170px !important;}
}