.l-header,
.l-navigation,
.l-main,
.l-highlighted,
.l-colophon,
.l-footer {
  max-width: 1004px;
  padding-left: 20px;
  padding-left: 1.25rem;
  padding-right: 20px;
  padding-right: 1.25rem;
  margin-left: auto;
  margin-right: auto;
}
.l-header:after,
.l-navigation:after,
.l-main:after,
.l-highlighted:after,
.l-colophon:after,
.l-footer:after {
  content: "";
  display: table;
  clear: both;
}

@media (max-width: 990px) {
  .l-header,
  .l-navigation {
    padding: 0;
  }
}
@media (min-width: 768px) {
  .l-region--colophon-first {
    width: 62.5%;
    float: left;
    display: inline;
    padding-right: 6.25%;
  }

  .l-region--colophon-second {
    width: 18.75%;
    float: left;
    display: inline;
    padding-left: 3.75%;
  }

  .l-region--colophon-third {
    width: 18.75%;
    float: right;
    display: inline;
    padding-left: 3.75%;
  }
}
@media (min-width: 991px) {
  .l-region--branding {
    width: 17.02128%;
    float: left;
    margin-right: 2.12766%;
    display: inline;
  }

  .l-region--header {
    width: 80.85106%;
    float: right;
    display: inline;
  }
}

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