.container,
.container-fluid {
  margin: auto;
  min-height: 0;
  min-width: 0;
  width: 100%;
  max-height: 100%;
  height: 100%;
  position: relative;
}

.container {
  width: 100%;
  max-width: 100%;
  padding: 0 1.6rem;
}

@media (max-width: 375px) {
  .container {
    width: 100%;
    max-width: 100%;
    padding: 0 1rem;
  }
}

@media only screen and (min-width: 568px) {
  .container {
    width: 568px;
    max-width: 568px;
    padding: 0 1rem;
  }
}

@media only screen and (min-width: 768px) {
  .container {
    width: 768px;
    max-width: 768px;
    padding: 0 1.6rem;
  }
}

@media only screen and (min-width: 1024px) {
  .container {
    width: 1024px;
    max-width: 1024px;
    padding: 0 1.6rem;
  }
}

@media only screen and (min-width: 1280px) {
  .container {
    width: 1280px;
    max-width: 1280px;
    padding: 0 1.6rem;
  }
}

@supports not (display: grid) {
  .container {
    display: block;
  }
}

.container-fluid {
  width: 100%;
  max-width: 100%;
}

@media (max-width: 375px) {
  .container-fluid {
    padding: 0 1rem;
  }
}

@media only screen and (min-width: 568px) {
  .container-fluid {
    padding: 0 1rem;
  }
}

@media only screen and (min-width: 768px) {
  .container-fluid {
    padding: 0 1.6rem;
  }
}

@media only screen and (min-width: 1024px) {
  .container-fluid {
    padding: 0 1.6rem;
  }
}

@media only screen and (min-width: 1280px) {
  .container-fluid {
    padding: 0 1.6rem;
  }
}

@supports not (display: grid) {
  .container-fluid {
    display: block;
  }
}

@media (max-width: 375px) {
  .grid-gap {
    grid-gap: calc(1rem * 2);
  }
}

@media only screen and (min-width: 568px) {
  .grid-gap {
    grid-gap: calc(1rem * 2);
  }
}

@media only screen and (min-width: 768px) {
  .grid-gap {
    grid-gap: calc(1.6rem * 2);
  }
}

@media only screen and (min-width: 1024px) {
  .grid-gap {
    grid-gap: calc(1.6rem * 2);
  }
}

@media only screen and (min-width: 1280px) {
  .grid-gap {
    grid-gap: calc(1.6rem * 2);
  }
}

/*# sourceMappingURL=container.css.map */