#main {}
#main > .content-wrapper {
	background-color: #FFF;
	border: solid .5px var(--off-color);
	box-shadow: 0px 4px 4px rgba(0,0,0,.25);
}
#main > .content-wrapper > .content {
	max-width: 950px;
	margin: 0 auto;
	
	font-weight: 300;
}
#main > .content-wrapper > .content > .centered { max-width: 780px; }
#main > .content-wrapper > .content > .wp-block-media-text { display: flex; }
#main > .content-wrapper > .content > .wp-block-media-text > .wp-block-media-text__media { align-self: stretch; }

@media (min-width: 900px) {
	#main:not(:last-child) { margin-bottom: 150px; }
	#main > .content-wrapper {
		padding: 140px 50px;
		border-radius: 30px;
	}
	#main > .content-wrapper > .content {
		line-height: 34px;
		font-size: 20px;
	}
	#main > .content-wrapper > .content > h2 { margin-bottom: 80px; }
	#main > .content-wrapper > .content > .centered {
		margin: 80px auto;
		font-size: 25px;
	}
	#main > .content-wrapper > .content > .wp-block-media-text { flex-direction: row; }
	#main > .content-wrapper > .content > .wp-block-media-text > * { flex: 0 0 50%; }
	#main > .content-wrapper > .content > .wp-block-media-text > .wp-block-media-text__media { min-height: 650px; }
	#main > .content-wrapper > .content > .wp-block-media-text > .wp-block-media-text__media > img {
		height: 100%; width: 100%;
		object-fit: cover;
		object-position: center;
	}
	#main > .content-wrapper > .content > .wp-block-media-text > .wp-block-media-text__content {
		align-self: center;
		padding: 50px;
	}
}
@media (max-width: 899.99px) {
	#main:not(:last-child) { margin-bottom: 100px; }
	#main > .content-wrapper {
		padding: 45px 25px;
		border-radius: 10px;
	}
	#main > .content-wrapper > .content {
		line-height: 30px;
		font-size: 18px;
	}
	#main > .content-wrapper > .content > h2 { margin-bottom: 40px; }
	#main > .content-wrapper > .content > .centered {
		margin: 25px auto;
		font-size: 18px;
	}
	#main > .content-wrapper > .content > .wp-block-media-text { flex-direction: column; }
	#main > .content-wrapper > .content > .wp-block-media-text.has-media-on-the-right { flex-direction: column-reverse; }
	#main > .content-wrapper > .content > .wp-block-media-text > .wp-block-media-text__content { padding: 25px; }
}