.container {
  width: 100%;
  max-width: var(--container-max);
  margin-inline: auto;
  padding-inline: var(--container-padding);
}
@media (min-width: 768px) { :root { --container-padding: 3rem; } }
@media (min-width: 1200px) { :root { --container-padding: 5rem; } }

.container--narrow { max-width: var(--container-narrow); }