.navegacion-articulos.flex-container{width:100%; display: flex; align-content: center; align-items: center; justify-content: space-between; flex-wrap: wrap; margin: 0 auto;}
.navegacion-articulos.flex-container .flex-items{display: block; position: relative; max-width:250px; max-height: 158px; min-width: 131px; min-height: 79px; overflow: hidden; height: 131px; margin:1em}
.navegacion-articulos.flex-container .flex-items img{max-width:250px; max-height: 158px; min-width: 131px; min-height: 79px;}
.navegacion-articulos.flex-container .flex-items p{z-index: 100; font-weight: 700; text-align: center;position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); line-height: normal; margin: 0; width:100%;padding: 0 1em; }
.black-cover{background: rgba(0,0,0,0.5); position: absolute; top: 0; bottom: 0; left: 0; right:0;}
.navegacion-articulos.flex-container a.flex-items{color:#fff;}
.navegacion-articulos.flex-container a.flex-items:hover{color:#0066ff;text-shadow: 0px 1px 0px rgba(0, 0, 0, 1);}
.navegacion-articulos.flex-container a.flex-items:hover .black-cover{background: rgba(0,0,0,0); }
@media screen and (max-width: 780px){.navegacion-articulos.flex-container{justify-content: center;}}

.banner .image figcaption{position: absolute; z-index: 100; bottom: 0; color: #fff; padding: 5px 15px;}
/*.menuMedia a img{width:250px}*/
small{font-size: .8em;}
a, a strong, a:hover {color: #ff6600;}
.m-b-25{margin-bottom: 25px;}
.image.left, .image.right {
    width: 40%;
    max-width: 15rem;
}
.image.fit {
    width: 80%;
    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%;}
}
@media screen and (max-width: 360px){

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