/* Video Page Tweaks */
.video-page .bfm-video.flex-content {justify-content: flex-start; align-content: flex-start;}
.video-page .element.video {min-height: inherit; width: 31.33%; margin-right:3%; position:relative; line-height: 0;}
/*.video-page .element.video:nth-of-type(3n+3) {margin-right:0;}*/
.video-page .element.video .video-title {position: absolute; bottom: 0; background: #3498db; color:white; display: block; width: 100%; text-align: center;padding-top:6px; padding-bottom:6px; font-family: 'arial'; font-size: 1.2em; line-height: 1.3em; transition: all 0.3s ease-in-out;}
.video-page .element.video a.overlay {opacity:0;display:flex; position: absolute; width: 100%; height: 100%; background: rgba(29,36,53,.85); top: 0; left: 0; color: white; justify-content: center; align-items: center; font-family: "arial"; font-size:1.4em;transition: all 0.3s ease-in-out;}
.video-page .element.video:hover a.overlay {opacity:1;}
.video-page .element.video:hover .video-title {opacity:0;}



@media only  (max-width:768px) {
	.video-page .element.video:nth-of-type(3n+3) {margin-right:4%;}
	.video-page .element.video {width: 48%; margin-right: 4%;}
	.video-page .element.video:nth-of-type(2n+2) {margin-right:0;}
	.video-page .element.video .video-title {font-size:1.1em;}
}

@media only  (max-width:480px) {
	.video-page .element.video:nth-of-type(3n+3) {margin-right:0;}
	.video-page .element.video {width: 100%; margin-right: 0%;}
}