.container {
  --global-width: 1374px;
  --container-margin: 1rem;
  --container-max-width: calc(100vw - calc(var(--container-margin) * 2));

  width: 100%;
  max-width: var(--container-max-width);
  margin: 0 auto;
}

@media only screen and (min-width: 641px) {
  .container {
    --container-margin: 2rem;
  }
}

@media only screen and (min-width: 1025px) {
  .container {
    --container-margin: 4rem;
  }
}

@media only screen and (min-width: 1441px) {
  .container {
    --container-max-width: var(--global-width);
  }
}