// Container widths
// Set the container width, and override it for fixed navbars in media queries.

.container {
  max-width: 1140px;
}

.container,
.container-fluid {
  --gutter-x: 2rem;
  margin-top: 2rem;

  width: 100%;
  padding-inline: var(--gutter-x) var(--gutter-x);
  margin-inline: auto auto;

  // prevent nested container classes
  .container,
  .container-fluid {
    padding: 0;
    margin-top: 0;
  }
}