@media (max-width: 335px) {
.buffer {height:20px;}
.video-outer {padding-bottom:70%;}	
}
@media (min-width: 336px) and (max-width: 605px) {
.buffer {height:40px;}
.video-outer {padding-bottom:60%;}	
}
@media (min-width: 606px) and (max-width: 767px) {
.buffer {height:40px;}
.video-outer {padding-bottom:56.25%;}	
}
@media (min-width: 768px) and (max-width: 1200px) {
.buffer {height:40px;}
.video-outer {padding-bottom:56.25%;}
}
@media (max-width: 767px) {
.playMe img {max-width:60vw;}
}
@media (min-width: 768px) {
.playMe img {max-width:40vw;}
}
@media (min-width: 1200px) {
.video-outer {padding-bottom:45%;}
}

/* ------------------------------------------------------------------------------------------ Video Stuff */
.video-outer {
	position: relative;
	background:url("../img/edge1A.png") bottom left repeat-x scroll;
	overflow:hidden;
	width: 100%;
	height:0;
}
.video-cont iframe {
        position: absolute;
	z-index:-1;
	height: 100%;
    width: 177.77777778vh; /* 100 * 16 / 9 */
    min-width: 100%;
    min-height: 56.25vw; /* 100 * 9 / 16 */
	left: 50%; /* % of surrounding element */
    top: 50%;
    transform: translate(-50%, -50%); /* % of current element */
/*        top: 0;
        bottom: 0;
        width: 100%;
        height: 100%; */
}
.playMe {
        position: absolute;
        top: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
	display:flex;
	justify-content:center;
	align-items:center;
}

.vidEdgeBot {
	background:url("../img/vidEdgeBot.png") top left repeat-x scroll;
	height:50px;
}

/* * * * * * * * * * Header * * * * * * * * * */
.SVid-header {
	text-align:center; 
	margin:50px auto;
}
.SVid-header img {
	max-width:75vw;
	max-height:75vh;
}
