/* ********************************* */
/*       VIDEO Tweaks            */
/* ********************************* */

#video-section .inner {display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap;}
#video-section .videobox {display: inline-block; width: 32%; margin: 0 2% 2% 0;}
#video-section .videobox:nth-child(3n+3) {margin-right: 0;}
#video-section .videobox a {width: 100%;}
#video-section .videobox a:after {display: none; width: 100%;}
#video-section .imagewrapper {position: relative; overflow: hidden; width: 100%;}
#video-section .imagewrapper:after {content: "\f522"; font-family: "dashicons"; color: rgba(255,255,255,.85); text-shadow: 2px 2px 4px rgba(0,0,0,.7); font-size: calc(50px + 5vw); position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex;  justify-content: space-around; align-items: center;	}
#video-section .title {display: block; text-align: center; font-size: calc(14pt + .4vw); line-height: 1.2em; margin-top: 7px;}




@media only screen and (max-width: 1000px) {
	#video-section .videobox:nth-child(3n+3) {margin-right: 4%;}
	#video-section .videobox {display: inline-block; width: 48%; margin: 0 4% 4% 0;}
	#video-section .videobox:nth-child(2n+2) {margin-right: 0%;}
}

@media only screen and (max-width:600px) {

}

@media only screen and (max-width: 500px) {
	#video-section .videobox:nth-child(1n+0) {display: inline-block; width: 100%; margin: 0 0 4% 0;}	
}