:root {
  --navy: #686767;
}

.brand-logo-viewport {
  position: relative;
  display: inline-block;
  width: 110px;
  height: 64px;
  overflow: hidden;
  flex: 0 0 auto;
}

.brand-logo-image {
  position: absolute;
  top: -40px;
  left: -15px;
  width: 140px;
  max-width: none;
  height: 140px;
}

.logo {
  min-width: 110px;
  gap: 0;
}

.site-footer {
  background: #686767;
}

.footer-logo {
  min-width: 130px;
}

.footer-logo .brand-logo-viewport {
  width: 130px;
  height: 84px;
}

.footer-logo .brand-logo-image {
  top: -47px;
  left: -20px;
  width: 170px;
  height: 170px;
  filter: brightness(0) invert(1);
}

.footer-address {
  font-style: normal;
}

@media (max-width: 760px) {
  .brand-logo-viewport {
    width: 94px;
    height: 55px;
  }

  .brand-logo-image {
    top: -34px;
    left: -13px;
    width: 120px;
    height: 120px;
  }
}