.videoFeatured{margin-bottom:2em}
.videoFeatured p{margin-top:.5em}
.videos section{position:relative;overflow:auto}
.videoThumb { display:block; float:left; width:100%; margin-bottom:2em}
.videoThumb span { width:100%;padding-top:56.25%;display:block;background-repeat:no-repeat;background-size:cover;background-position:center center;margin-bottom:.5em;position:relative}
.videoThumb span span{opacity:.5;background-image:url(/images/video-play.png);background-size: 25%;position:absolute;left:0;top:0}
#content .videoThumb h1{font-size:1em;overflow:hidden; text-overflow:ellipsis;white-space:nowrap;margin-bottom:0}
.videoThumb h1:after,.videos section h1 a:after,.videoFeatured h1 a:after{content: "\0020\203A"}
.videoThumb time, .videoFeatured time{font-size: .8em;color:rgba(0,0,0,.5);display:block;line-height:1.2em}
/*.videos iframe{max-width:100%;width:100% !important;height: -webkit-calc([width] - 100px) !important;position:relative;overflow:auto}
*/
.videos .videoEmbed {width:100% !important;position: relative;padding-top: 56.25%;overflow:hidden}
.videoEmbed>iframe, .videoEmbed>.video-js {position: absolute;top: 0px; left: 0px;width: 100% !important; height: 100% !important;}

@media screen and (min-width:400px) { 
.videoThumb{width:50%;padding-right:2em}
.videoThumb:hover span span{opacity:1}
}

@media screen and (min-width:900px) { 
.videoThumb{width:33%}
}