.video_section_header {
	font-size: 1.8em;
	margin-top: 60px;
	margin-bottom: 20px;
    color: var(--fg-color);
    font-weight: initial;
}

.video_section {
}

.ratio16_9:before{
	padding-top: 56.25%;
}

.iframe_wrapper {
	float: left;
	width: 25%
}

.iframe_wrapper_inner {
	margin: 20px 5%;
}

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

.content_wrapper:before {
	content: "";
	display: block;
}

.content {
	position:  absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}

iframe {
	width: 100%;
	height: 100%;
}

@media only screen and (max-width: 1600px), only screen and (max-device-width: 1600px) {
	.iframe_wrapper {
		width: 33.33%;
	}
}

@media only screen and (max-width: 1300px), only screen and (max-device-width: 1300px) {
	.iframe_wrapper {
		width: 50%;
	}
}

@media only screen and (max-width: 900px), only screen and (max-device-width: 900px) {
	.iframe_wrapper {
		width: 100%;
	}
}