/* ==========================================================================
   Container — single max-width, centred, with consistent horizontal padding
   ========================================================================== */

.container {
	width: 100%;
	max-width: var(--container-max);
	margin-left: auto;
	margin-right: auto;
	padding-left: var(--container-px);
	padding-right: var(--container-px);
}
@media (max-width: 1100px) {
	.container {
		padding-left: 48px;
		padding-right: 48px;
	}
}
@media (max-width: 900px) {
	.container {
		padding-left: var(--container-px-mob);
		padding-right: var(--container-px-mob);
	}
}