@media only screen and (max-width: 575px) {
  .layout--basic {
    padding: 1em calc(((50% /12) * 0) + 20px);
  }
  .layout--basic::after {
    clear: both;
    content: "";
    display: block;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .layout--basic {
    padding: 1em calc(((50% /12) * 0) + 20px);
  }
  .layout--basic::after {
    clear: both;
    content: "";
    display: block;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .layout--basic {
    padding: 1em calc(((50% /12) * 0) + 40px);
  }
  .layout--basic::after {
    clear: both;
    content: "";
    display: block;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1499px) {
  .layout--basic {
    padding: 1em calc(((50% /12) * 0) + 40px);
  }
  .layout--basic::after {
    clear: both;
    content: "";
    display: block;
  }
}

@media only screen and (min-width: 1500px) {
  .layout--basic {
    padding: 1em calc(50% - (750px - 60px));
  }
  .layout--basic::after {
    clear: both;
    content: "";
    display: block;
  }
}

@media only print {
  .layout--basic {
    padding: 1em calc(((50% /12) * 0) + 0.25in);
  }
  .layout--basic::after {
    clear: both;
    content: "";
    display: block;
  }
}

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