/* Preview-only wide-layout correction.
   The production .container includes 12% internal padding inside its max-width,
   which makes wide monitors feel substantially narrower than intended. */

@media (min-width: 1101px) {
  .container {
    width: calc(100% - 64px);
    max-width: 1480px;
    padding-right: 0;
    padding-left: 0;
  }
}

@media (min-width: 1800px) {
  .container {
    max-width: 1540px;
  }
}

@media (max-width: 1100px) {
  .container {
    width: 100%;
    padding-right: 5%;
    padding-left: 5%;
  }
}