.bg-gradient {
	background: linear-gradient(to bottom, #d5e4f3 -10%, #ffffff 100%);
}

.callout h3 + h4,
.callout h4 {
	margin-top: 1.2em;
}

#main .section-topics .row-topics .row {
	margin-top: 4em;
}

.topic-icon {
	margin-left: 30px;
}

#main section .section-content .row.callout {
	margin-top: 3em;
	padding-right: 0;
	padding-left: 0;
}

@media only screen and (max-width: 1068px) {
	.topic-icon {
		margin-left: 10px;
	}
	.device-iphone-13-pro-silver-container .device-screen {
		left: 13.5px;
	}
}

@media only screen and (max-width: 735px) {
	.topic-icon {
		margin-left: 0;
		margin-bottom: 1em;
	}
	.topic-icon-svg {
		margin-left: 3px;
		margin-bottom: 1em;
	}
	.device-iphone-13-pro-silver-container.device-medium-for-small .device-screen {
		left: 13.5px;
	}
}

/* ========== Grid ========== */
#main section.section {
	padding-top: 4em;
	padding-bottom: 4em;
}
#main section.section.section-hero {
	padding-bottom: 0;
}
#main section.section.section-topics {
	padding-top: 2em;
}
#main section.section.section-resources {
	padding-bottom: 0;
}
#main section .section-content .row {
	margin-left: 0;
	margin-right: 0;
}
#main section .section-content .row > .column {
	padding: 0;
}

@media only screen and (max-width: 1068px) {
	#main section .section-content .row {
		margin-left: 0;
		margin-right: 0;
	}
	#main section .section-content .row > .column {
		padding: 0;
	}
}

@media only screen and (max-width: 735px) {
	#main section.section {
		padding-top: 3em;
		padding-bottom: 3em;
	}
	#main section .section-content .row {
		margin-left: 0;
		margin-right: 0;
	}
	#main .section-topics .row-topics .row {
		margin-top: 3em;
	}
	#main section .section-content .row.callout {
		margin-top: 2em;
		padding-right: 1em;
		padding-left: 1em;
	}
	#main section .section-content .row > .column {
		padding: 0;
	}
}