.container {
  width: 100%;
  max-width: var(--container-max);
  margin-inline: auto;
  padding-inline: var(--container-pad-mobile);
}

@media (min-width: 768px) {
  .container { padding-inline: var(--container-pad-tablet); }
}

@media (min-width: 1024px) {
  .container { padding-inline: var(--container-pad-desktop); }
}