@media (max-width: 900px) {
	.site-header__inner,
	.site-footer__inner {
		grid-template-columns: 1fr;
		align-items: flex-start;
	}

	.site-nav {
		width: 100%;
	}

	.site-nav__menu {
		width: 100%;
	}

	.site-footer__newsletter-form {
		grid-template-columns: 1fr;
	}
}

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

	.entry-title,
	.archive-title,
	.empty-state__title {
		font-size: 1.8rem;
	}

	.page-content,
	.entry-card,
	.archive-header,
	.empty-state {
		padding: 1.25rem;
	}
}