/* The official logo becomes part of the hero composition. */
.site-header{
  height:78px;
  padding:0 5.5vw;
  background:#fefcfe;
  border-bottom:1px solid rgba(23,32,25,.12);
  backdrop-filter:none;
}
.site-header nav{margin-left:320px;margin-right:auto}
.site-header nav a{color:#172019}
.header-contact{color:#172019;font-weight:600}
.brand-logo{
  position:absolute;
  z-index:3;
  top:14px;
  left:5.5vw;
  width:260px;
  height:138px;
  padding:8px;
  background:#fefcfe;
  border-radius:0 0 10px 10px;
  box-shadow:0 15px 34px rgba(10,18,12,.19);
}
.brand-logo img{object-fit:contain}
footer .brand-logo{position:static;width:145px;height:65px;padding:4px;border-radius:6px;box-shadow:none}
@media(max-width:760px){
  .site-header{height:68px;padding:0 7vw}
  .site-header nav{display:none}
  .brand-logo{left:7vw;top:8px;width:165px;height:90px;padding:5px;border-radius:0 0 8px 8px}
  .header-contact{margin-left:auto}
  footer .brand-logo{width:120px;height:54px}
}