/* Shared page-heading scale. Header navigation and footer typography are excluded. */
main h2,
main .section-heading,
main .section-heading--lg {
	font-size: clamp(1.75rem, 3vw, 2.5rem) !important;
}

main h1,
main .section-heading--hero {
	font-size: clamp(2.1rem, 4vw, 3.5rem) !important;
}

main h3 {
	font-size: clamp(1.2rem, 1.7vw, 1.45rem) !important;
}

main h4 {
	font-size: 1.1rem !important;
}

@media (max-width: 575.98px) {
	main h2,
	main .section-heading,
	main .section-heading--lg {
		font-size: 1.65rem !important;
	}

	main h1,
	main .section-heading--hero {
		font-size: 2rem !important;
	}

	main h3 {
		font-size: 1.15rem !important;
	}
}