.container {
  width: min(100% - 3rem, var(--container-max));
  margin-inline: auto;
}

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

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