.videoFeatured{margin-bottom:2em}
.videoFeatured p{margin-top:.5em}
.videos section{position:relative;overflow:auto}
.videos section article {display: inline-block; width: 32%; vertical-align: top; padding-right: 1em}
.videoThumb {width:100%;}
.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; margin-bottom:0}
.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;}
.videos section {border-top:1px solid rgba(39, 118, 167, 0.2); padding-top: 1em;}

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

@media screen and (min-width:900px) { 
.videoThumb{width:32%}
    .videos .video {display: inline-block;
        vertical-align: top;
        width: 32%;
        padding-right: 1.5em;}
}
@media screen and (max-width:399px) {
        .videos .video {max-width: 20em; margin-bottom: 1em}
}