small{font-size: .8em;}
a, a strong, a:hover {color: #ff6600;}
.contenedor-img{position: relative; overflow: hidden; display: block; width: 80%; margin: 0 auto 40px auto;}
.caption{position: absolute; background: rgba(0,0,0,.8); color: #fff; bottom: 0; left: 0; padding: 10px; z-index: 1000; font-size: .6rem;}
.image.left, .image.right{max-width:35% !important; margin: 1em !important;}
.m-t-25{margin-top: 25px;}
.m-b-25{margin-bottom: 25px;}
.image.left, .image.right {
    width: 50%;
    max-width: 30rem;
}
.image.fit {
    width: 100%;
    margin: 0 auto;
}
@media screen and (max-width: 1680px){
	.contenedor-banner img {width: 60%;}
	.container-videos .item{width: 415px;}
}
@media screen and (max-width: 1280px){
	.contenedor-banner img {width: 75%;}
	.container-videos .item{width: 48%;}
	.video-wrapper{height: 70vh;}
}
@media screen and (max-width: 1280px){
	.container-videos .item{width: 48%;}
}
@media screen and (max-width: 1024px){
	.container-videos .item{width: 48%;}
}
@media screen and (max-width: 980px){
	.image.left img, .image.right img{max-width: 100%; width:100%; margin: 0 auto 15px auto;}
	.flex .item{width: 100%; margin-bottom: 1rem;}
	.flex .item:last-child{margin-bottom:0;}
	.banner.style2.fullscreen{min-height:50vh!important;}
}
@media screen and (max-width: 780px){
	.image.left, .image.right {width: 100%; max-width: 100%; margin: 0 auto 15px auto;}
	.banner.style2.fullscreen{min-height:40vh!important;}
	.image.fit{width: 100%;}
}
@media screen and (max-width: 480px){
	.banner.style2.fullscreen{min-height:40vh !important;}
	.image.fit{width: 100%;}
	.image.left, .image.right{max-width:100% !important; margin:1em 0 !important;}
}
@media screen and (max-width: 360px){

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