@media only screen and (max-width: 734px) {
	.channel-html .section .section-content {
		width: 100%;
		/* padding: 0 24px; */
	}
}

.channel-html .image-hero {
	background-image: url("../images/hero.jpg");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	width: 100%;
	padding-top: 30%;
}

@media only screen and (max-width: 1068px) {
	.channel-html .typography-quote-reduced {
		font-size: 24px;
	}

	.channel-html .typography-intro-elevated {
		font-size: 20px;
	}

	.channel-html .typography-body {
		font-size: 16px;
	}
}

@media only screen and (max-width: 734px) {
	.channel-html .typography-quote-reduced {
		font-size: 20px;
	}

	.channel-html .typography-intro-elevated {
		font-size: 18px;
	}

	.channel-html .typography-body {
		font-size: 14px;
	}
}

@media only screen and (max-width: 1068px) {
	.channel-html .bento-box {
		display: block;
	}

	.channel-html .bentobox-item {
		margin: 32px 0;
	}

	.channel-html .bentobox-item .row {
		min-height: 0;
	}
}

.channel-html .section .section-content {
	max-width: 1220px;
}

@media only screen and (max-width: 1068px) {
	.channel-html .section .section-content {
		max-width: 650px;
	}
}

.channel-html .s0D87E8 {
	grid-template-rows: 520px 350px;
}

@media only screen and (max-width: 1068px) {
	.channel-html .s0D87E8 {
		grid-template-rows: 250px 350px 250px 200px;
	}
}

@media only screen and (max-width: 734px) {
	.channel-html .s0D87E8 {
		grid-template-rows: 480px 600px 450px 250px;
	}
}