@media (max-width: 1024px) {
	.site-header__inner,
	.site-footer__inner {
		align-items: flex-start;
		flex-direction: column;
	}

	.main-navigation ul,
	.site-footer__nav ul {
		align-items: flex-start;
		flex-wrap: wrap;
	}
}

@media (max-width: 767px) {
	body {
		font-size: 1rem;
	}

	h1 {
		font-size: clamp(2.25rem, 11vw, 3.4rem);
	}

	h2 {
		font-size: clamp(1.75rem, 8vw, 2.45rem);
	}
}

@media (max-width: 640px) {
	.mt-container {
		width: min(100% - 1.25rem, var(--mt-container));
	}

	.site-main {
		padding-block: var(--mt-space-4);
	}
}