/* CSS Document */
.video_md{ margin-top:80px; background-color:#151515;}
.zm_md{ /*position:absolute; top:44px; */
	background:#000; 
	filter:alpha(opacity:20); 
	opacity:0.4;
	position: absolute;
	top: 0; left: 0;
	width: 100%; height: 100%;
	object-fit: cover;
}

.video-caption {
	position: absolute;
	width: 100%;
	top: 50%;
	text-align: center;
	z-index: 2;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.myVideo {
	position: absolute;
	left: 0;
	top:45px;
	bottom: 0;
	right: 0;
	overflow: hidden;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

.myVideo > video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

@media (min-aspect-ratio: 16/9) {
	.myVideo > video { height: 300%; top: -100%; }
}

@media (max-aspect-ratio: 16/9) {
	.myVideo > video { width: 300%; left: -100%; }
}

@supports (object-fit: cover) {
	.myVideo > video {
		top: 0; left: 0;
		width: 100%; height: 100%;
		object-fit: cover;
	}
}

/* solves problem with overflowing video in Mac with Chrome */
.video-background {
	overflow: hidden;
}
#youngsVideo { background-color:#000;}


@media screen and (max-width:1960px){
	.zm_md{padding-top:50%;}
}
@media screen and (max-width:1366px){
	.zm_md{padding-top:50%;}
}
@media screen and (max-width:1280px){
	.zm_md{padding-top:50%;}
}
@media screen and (max-width:1024px){
	.zm_md{padding-top:58%;}
}
@media screen and (max-width:768px){
	.zm_md{padding-top:880px;}
}
@media screen and (min-width: 2000px){
	.zm_md{padding-top:68%;}
	.banner{ height:1300px;}
}