@media only screen and (max-width: 576px) {
  body.at-top .layout-container > header {
    background: rgba(0,0,0,0);
    border-bottom: none;
  }

  body.at-top .layout-container > header .wrapper-header {
    background-color: rgba(0, 0, 0, 0);
    box-shadow: none;
  }
  
  .fixed-header .layout-container > header .region-header {
    justify-content: space-between !important;
  }

  body.at-top .layout-container > header .site-header .wrapper,
  body.at-top .layout-container > header .region-header .block-system-branding-block,
  body.at-top .layout-container > header .region-header .phone-call-to-action {
    filter: brightness(0) invert(1);
  }

  body #block-sitebranding > a {
    width: 82px;
  }

  body.at-top main {
    padding-top: 0!important;
  }

  body.at-top .hero-container {
    padding-top: 78px;
  }
}