h3 + h4 {
	margin-top: 1.6em;
}

section.section .section-content.callout {
	padding: 2em 0;
	background-color: #fff !important;
}
body[data-color-scheme="dark"] section.section .section-content.callout {
	background-color: #000 !important;
}

@media only screen and (max-width: 734px) {
	section.section .section-content.callout {
		padding: 2em 1.5em;
	}
}

.callout > .row:not(:first-of-type) {
	margin-top: 2em;
}

#main section .section-content.callout > .row > .column:first-of-type {
	padding-left: 60px;
}

@media only screen and (max-width: 1068px) {
	#main section .section-content.callout > .row > .column:first-of-type {
		padding-left: 12px;
	}
}

@media only screen and (max-width: 734px) {
	.section-content.callout {
		padding: 2em 1.5em;
	}
	#main section .section-content.callout > .row > .column:first-of-type {
		padding-left: 0;
	}
	.callout img.center {
		margin: 0 0 1em;
	}
}

/* ========== Grid ========== */
#main section.section {
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}
#main section.section.section-hero {
	padding-top: 3.5em;
	padding-bottom: 4em;
}
#main section.section:last-of-type {
	padding-bottom: 4em;
}
@media only screen and (max-width: 734px) {
	#main section.section.section-hero {
		padding-top: 3em;
		padding-bottom: 3em;
	}
	#main section.section:last-of-type {
		padding-bottom: 3em;
	}
}