@supports (display:grid) {

  @media (width >=992px) {
    .site-grid {
      grid-template-areas:
        ".banner banner banner banner."
        ".top-a  top-a  top-a  top-a. "
        ".top-b  top-b  top-b  top-b. "
        ".comp   comp   comp   comp.  "
        ".side-r side-r side-r side-r."
        ".side-l side-l side-l side-l."
        ".bot-a  bot-a  bot-a  bot-a. "
        ".bot-b  bot-b  bot-b  bot-b. ";
    }
  }

  @media (width >=80rem) {
    .site-grid {
      grid-template-areas:
        ".banner banner banner banner."
        ".top-a  top-a  top-a  top-a. "
        ".top-b  top-b  top-b  top-b. "
        ".side-l comp   comp   side-r."
        ".bot-a  bot-a  bot-a  bot-a. "
        ".bot-b  bot-b  bot-b  bot-b. ";
    }
  }
}

.hwx-lmdb-small-logo.mod-dynamic-footer__column--logo>.mod-dynamic-footer__content .mod-dynamic-footer__logo {
  height: 2.5rem;
  align-self: center;
}

@media (width >= 8rem) {
  .container-md, .container-sm, .container {
    max-width: 95%;
  }
}

@media (width >= 92rem) {
  .container-md, .container-sm, .container {
    max-width: 75%;
  }
}