.brand-logo {
  display: block;
  width: 158px;
  height: auto;
  border-radius: 10px;
}

.hero-image {
  background-image: url("assets/hero/aotearoa-landscape.jpg");
  background-position: center center;
}

.site-header .brand-logo {
  box-shadow: 0 5px 18px rgba(8, 30, 23, 0.16);
}

.site-header {
  height: 124px;
}

.site-header.scrolled {
  height: 104px;
}

.footer-brand .brand-logo {
  width: 190px;
}

@media (max-width: 720px) {
  .site-header,
  .site-header.scrolled {
    height: 104px;
  }

  .brand-logo {
    width: 125px;
  }

  .footer-brand .brand-logo {
    width: 165px;
  }
}