@media screen and (max-width: 1150px) {
  header.header .inner.flex {
    max-width: 1060px;
    padding: 1.25em 1em;
    grid-template-columns: 1fr 1fr;
    grid-auto-rows: 1.25em;
    /* controls the height of the rows */
    grid-template-areas:
      "a b"
      "a c";
  }

  header.header .inner.flex> :nth-child(1) {
    grid-area: a;
  }

  header.header .inner.flex> :nth-child(2) {
    grid-area: b;
  }

  header.header .inner.flex> :nth-child(3) {
    grid-area: c;
  }

  header.header .menu_header_holder {
    width: 450px;
    float: right;
  }

  .header-menus #cssmenu>ul>li:last-of-type>a {
    padding-right: 0;
  }

  #cssmenu>ul {
    justify-content: flex-end;
  }
}


@media screen and (max-width: 1000px) {

  section.header-wrapper {
    background-image: url(../images/headers/home.png) !important;
    background-size: cover;
  }

  /* .header-menus {
    float: right;
    clear: right;
    margin-bottom: 1em;
  } */

  /* .utility-menu {
    float: right;
  } */

  /* header.header .inner.flex {
    display: block;
    padding: .5em 1em;
  } */

  .home-bar .inner {
    gap: 80px;
  }
}

@media screen and (max-width: 850px) {
  .utility-menu {
    display: none;
  }

  .header-menus {
    margin: 1.25em 0 0 0;
    text-align: right;
  }

  header.header .inner.flex {
    display: flex;
    padding: .5em 1em;
  }

  .entry .post-thumb img {
    width: 100%;
    height: auto;
  }

  .home-bar .inner {
    gap: 40px;
  }

  body .mobile-nav .menu_header_holder {
    background-color: var(--color-white);
  }

  body .mobile-nav .menu_header_holder li a,
  body .mobile-nav .menu_header_holder li a:hover {
    color: var(--color-gray);
  }

  body .mobile-nav .menu_header_holder li {
    border-width: 0;
  }

  body .hamburger-close {
    color: var(--color-gray)
  }

  .advisory-board .listings {
    justify-content: center;
  }

  #cssmenu-mobile .menu_utility {
    float: none;
    padding: 1.5em 1em;
  }

  #cssmenu-mobile .menu_utility li:first-child>a {
    float: left;
  }

  #cssmenu-mobile .menu_utility ul {
    padding: 0;
  }
}

@media screen and (max-width: 820px) {

  .footer .menu_footer {
    display: block;
  }

  .footer .menu_footer li {
    margin-bottom: 1em;
  }
}

@media screen and (max-width: 700px) {

  .home-bar .inner {
    display: block;
    max-width: 500px;
    margin: 0 auto;
  }

  .home-bar .inner img {
    width: 100%;
    height: auto;
  }

  .footer.holder {
    padding: 0;
  }

  .footer.holder .inner {
    padding: 1em;
  }

  footer.footer .flex {
    display: block;
  }

  footer.footer .flex span.footer-nav-section {
    display: block;
    width: 300px;
    margin: 1em auto;
    text-align: center;
  }

  .header-wrapper .holder h1 {
    font-size: 2.25em;
  }

  section.header-wrapper {
    background-image: url(../images/headers/mobile.png) !important;
    background-size: contain;
  }

  body.home section.header-wrapper {
    background-image: url(../images/headers/mobile-home.png) !important;
    background-size: cover;
  }

}

@media screen and (max-width: 600px) {

  .header-wrapper .holder.holder.page-header-home .inner {
    padding: 2em;
  }

}

@media screen and (max-width: 550px) {

  section.header-wrapper {
    background-size: auto;
  }

  .formats ul {
    width: 290px;
    justify-content: left;
  }

  .formats ul li {
    width: calc(50% - 1em);
    box-sizing: border-box;
  }

}

@media screen and (max-width: 450px) {

  .header-wrapper .holder.holder.page-header-home .inner {
    padding: 1em;
  }

}

@media screen and (max-width: 400px) {

  section.header-wrapper {
    background-image: url(../images/headers/mobile-stacked.png) !important;
    background-size: cover;
  }

  header.header {
    position: relative;
  }

  .header-wrapper {
    padding-top: 0;
  }

  header.header .flex {
    max-width: 100vw;
  }

  header.header .alignleft {
    float: none;
  }

  header.header .logo a {
    width: 188px;
    height: 59px;
  }
}

@media screen and (max-width: 320px) {
  header.header .logo a {
    width: 162px;
    height: 51px;
  }
}