.site-header {
  color: #072f59;
  background: rgba(255, 255, 255, 0.97);
  border-bottom-color: rgba(7, 47, 89, 0.18);
  box-shadow: 0 12px 34px rgba(7, 22, 38, 0.14);
}

.nav-wrap {
  min-height: 92px;
}

.brand--logo {
  display: inline-flex;
  width: 320px;
  min-width: 320px;
  height: 78px;
  overflow: hidden;
}

.brand-logo--header-refresh {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.site-header nav > a,
.site-header .phone {
  color: #072f59;
}

.site-header nav > a::after {
  background: #c6952e;
}

.site-header .button-outline {
  color: #072f59;
  border-color: #c6952e;
}

.site-header .button-outline:hover {
  color: #fff;
  background: #072f59;
  border-color: #072f59;
}

.subnav {
  color: #355776;
  background: rgba(246, 249, 252, 0.98);
  border-top-color: rgba(7, 47, 89, 0.12);
}

.subnav span {
  color: #a87816;
}

.footer-brand .brand-logo--footer {
  width: 224px;
  aspect-ratio: 1;
  object-fit: contain;
  padding: 8px;
}

@media (width <= 1050px) {
  .brand--logo {
    width: 300px;
    min-width: 300px;
    height: 74px;
  }

  .mobile-menu summary {
    color: #072f59;
    border-color: #c6952e;
  }

  .mobile-menu > div {
    color: #072f59;
    background: #fff;
    border-color: rgba(7, 47, 89, 0.18);
  }

  .mobile-language-links a {
    color: #072f59;
    background: #eef4f8;
  }
}

@media (width <= 760px) {
  .nav-wrap {
    min-height: 78px;
  }

  .brand--logo {
    width: 218px;
    min-width: 0;
    height: 58px;
  }
}

@media (width <= 430px) {
  .brand--logo {
    width: 190px;
    height: 54px;
  }
}
