/**
 * If using a CSS pre-processor, tell it to overwrite this file. If not, place
 * your custom CSS modifications here.
 */
.videoOverlay {
	display: block;
	width: 100%;
	z-index: 1;
}
.videoOverlayBox {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 3;
	background: rgba(0, 0, 0, .4);
	width: 100%;
	height: 100%;
}
.video-bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100vw;
	min-height:1000px;
	overflow: hidden;
	z-index: -1;	
}
@media (min-width: 1200px) {
	.video-bg {
		width: 100vw;
		height: 1000px;
	}
}
@media (min-width: 1400px) {
	.video-bg {
		width: 100vw;
		height: 100vh;
	}
}
.video-bg iframe {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100vw;
	height: 56.25vw;
	min-width: 177.77vh;
	min-height: 1000px;
	transform: translate(-50%, -50%);
	pointer-events: none;
}
header .navbar-brand {
  padding: 10px 0;
}