.video_container {
	position: relative;
	width: 100%;
}

.video_content {
	display: table;
	width: 100%;
	min-height: 56.25vh;
	z-index: 1;
	position: relative;
}

.video_content .inner {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	padding-left: 16px;
	padding-right: 16px;
}

.video_content .inner h1,
.video_content .inner h2 {
	color: white !important;
	text-shadow: 0 1px 3px rgba(0,0,0,0.5);
}

.video_content .inner h1 {
	font-size: 62px;
}

.video-background-controls {
	display: flex;
	align-content: center;
	justify-content: center;
	align-items: center;
}

.video-background-controls button {
	font-size: 1.5em;
	padding: 0;
	margin: 0;
	height: 32px;
	width: 32px;
	border-radius: 16px;
	line-height: 32px;
	border: none;
	background: none;
	-webkit-appearance: none;
	color: white !important;
	filter: drop-shadow(0 0 1px black);
	cursor: pointer;
	opacity: 0.7;
	transition: all 250ms ease-in-out;
	margin-left: 10px;
	display: flex;
	flex-direction: row;
	align-content: center;
	justify-content: center;
	align-items: center;
}

.video-background-controls button:hover {
	opacity: 1;
}

.video_content iframe {
	transition: opacity 500ms ease-in-out;
	transition-delay: 250ms;
}

/*MAX-WIDTH: 799px*/
@media (max-width: 49.9375em) {
	.bg-pattern-primary {
		background: url(pattern_bg_video.png), linear-gradient(180deg, #0e2863 0%, #0e2863 100%) !important;
	}

	.video_container {
		flex-basis: 100%;
	}
}

/*MAX-WIDTH: 528px*/
@media (max-width: 33em) {
	.video_content {
		width: 100%;
		min-height: 60vw !important;
	}
}