.container {
  margin-left: auto;
  margin-right: auto;
  margin-top: calc(var(--gutter-width) * 4);
  margin-bottom: calc(var(--gutter-width) * 4);

  @media(min-width: 1400px) {
    margin-top: calc(var(--gutter-width) * 8);
    margin-bottom: calc(var(--gutter-width) * 8);
  }

  padding-left: calc(var(--gutter-width) / 2);
  padding-right: calc(var(--gutter-width) / 2);

  &:first-child {
    margin-top: 0;
  }
  &:last-child {
    margin-bottom: 0;
  }

  max-width: 100%;
  @media(min-width: 576px) {
    max-width: 540px
  }
  @media(min-width: 768px) {
    max-width: 720px;
  }
  @media(min-width: 992px) {
    max-width: 960px;
  }
  @media(min-width: 1200px) {
    max-width: 1140px;
  }
  @media(min-width: 1400px) {
    max-width: 1320px;
  }

  &.container--s {
    max-width: 100%;
    @media(min-width: 576px) {
      max-width: 540px
    }
    @media(min-width: 768px) {
      max-width: 720px;
    }
    @media(min-width: 992px) {
      max-width: 960px;
    }
    @media(min-width: 1200px) {
      max-width: 1140px;
    }
    @media(min-width: 1400px) {
      max-width: 1320px;
    }
  }
  &.container--m {
    max-width: 100%;
    @media(min-width: 768px) {
      max-width: 720px;
    }
    @media(min-width: 992px) {
      max-width: 960px;
    }
    @media(min-width: 1200px) {
      max-width: 1140px;
    }
    @media(min-width: 1400px) {
      max-width: 1320px;
    }
  }
  &.container--l {
    max-width: 100%;
    @media(min-width: 992px) {
      max-width: 960px;
    }
    @media(min-width: 1200px) {
      max-width: 1140px;
    }
    @media(min-width: 1400px) {
      max-width: 1320px;
    }
  }
  &.container--xl {
    max-width: 100%;
    @media(min-width: 1200px) {
      max-width: 1140px;
    }
    @media(min-width: 1400px) {
      max-width: 1320px;
    }
  }
  &.container--xxl {
    max-width: 100%;
    @media(min-width: 1400px) {
      max-width: 1320px;
    }
  }
  &.container--fluid {
    max-width: unset;
    padding-left: 0;
    padding-right: 0;
    margin-left: calc(-1 * var(--gutter-width));
    margin-right: calc(-1 * var(--gutter-width));
    .row {
      margin-left: 0;
      margin-right: 0;
    }
  }
}