.section {
	--background: var(--color-white);
	background-color: var(--background);
}

.section-heading {
	font-size: clamp(100%,calc(1.2rem + 1.5vw),3em);
	text-align: center;
}

.section.intro {
	--background: var(--color-blue-light);
	display: flex;
	flex-flow: column;
	place-content: center;
}
.section.intro .inner {
	width: var(--content-w,90%);
	max-width: var(--content-maxw,80rem);
	margin-inline: auto;
}

.section.content {
	--content-maxw: 60rem;
}
.section.content .inner {
	width: var(--content-w,90%);
	max-width: var(--content-maxw,80rem);
	margin-inline: auto;
	padding-block-start: 1.5rem;
	padding-block-end: 1.5rem;
}
@media screen and (min-width:850px){
	.section.content .inner {
		padding-block-start: 4rem;
		padding-block-end: 3rem;
	}
}