/* Mobile header shared with the home page. */
.mob-logo-img {
  height: 66px;
  width: auto;
  max-width: 174px;
  object-fit: contain;
  display: block;
}

@media (max-width: 640px) {
  .navbar,
  .navbar.solid {
    height: 84px !important;
    padding: 0 1rem !important;
  }

  .nav-logo-img,
  .navbar.solid .nav-logo-img {
    height: 82px !important;
  }

  .nav-logo-fallback {
    align-items: flex-end !important;
  }

  .nav-logo-fallback strong {
    font-size: 28px !important;
  }

  .nav-logo-fallback span {
    font-size: 11px !important;
  }

  .hbg {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    padding: 0 !important;
    gap: 4px !important;
    background: #027a74 !important;
    border: 1px solid #027a74 !important;
    border-radius: 50% !important;
    color: #ffffff !important;
  }

  .hbg span,
  .navbar.solid .hbg span {
    width: 18px !important;
    height: 2px !important;
    background: #ffffff !important;
  }
}