@media (max-width: 919px) {
      .header-inner {
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        min-height: 96px;
        padding-top: .55rem;
        padding-bottom: .55rem;
      }

      .site-header .brand {
        width: auto;
        margin: 0 auto;
        justify-content: center;
      }

      .site-header .brand-mark {
        width: min(190px, 52vw);
        height: 76px;
        object-fit: contain;
        object-position: center;
      }

      .site-header .menu-toggle {
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        margin: 0;
      }

      .site-header .header-contact {
        display: none;
      }
    }

    @media (max-width: 420px) {
      .header-inner {
        min-height: 90px;
      }

      .site-header .brand-mark {
        width: min(174px, 50vw);
        height: 70px;
      }
    }