/* Hide element visually, keeping it focusable (with keyboard) and available for screen-readers */
.Container {
  /* Set color on root of component. It can be overridden after the @include */
  color: var(--colorsTextDefault, #141414);
  /* Make sure font-family goes across entire component */
  font-family: "Nunito Sans", sans-serif;
  display: block;
  max-width: 100%;
  /* Mobile */
  /* Tablet */
  /* Small Monitor */
  /* Large Monitor */
  /* Variations */
}
@media only screen and (max-width: 767px) {
  .Container {
    margin-left: 16px !important;
    margin-right: 16px !important;
    width: auto;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .Container {
    margin-left: auto !important;
    margin-right: auto !important;
    width: 767px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .Container {
    margin-left: auto !important;
    margin-right: auto !important;
    width: 991px;
  }
}
@media only screen and (min-width: 1200px) {
  .Container {
    margin-left: auto !important;
    margin-right: auto !important;
    width: 1199px;
  }
}
.Container.Container--fluid {
  width: 100%;
  max-width: none;
}
.Container.Container--text {
  font-family: "Nunito Sans", sans-serif;
  font-size: 16px;
  line-height: 1.5;
}

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