/* Definitieve merk- en footerafwerking */
html,
body {
  background: var(--black);
}

main {
  background: var(--white);
}

.brand {
  display: flex;
  align-items: center;
  width: 285px;
  height: 82px;
  padding: 0;
  background: transparent;
  border-radius: 0;
  overflow: visible;
  box-shadow: none;
  transition: width 180ms ease, height 180ms ease;
}

.brand img {
  display: block;
  width: 100%;
  height: 100%;
  max-height: none;
  object-fit: contain;
  object-position: left center;
}

.site-header.is-scrolled .brand {
  width: 235px;
  height: 62px;
  box-shadow: none;
}

.footer-brand img {
  display: block;
  width: min(380px, 100%);
  height: auto;
  padding: 0;
  border-radius: 0;
  box-shadow: none;
  object-fit: contain;
  object-position: left center;
}

.footer-tax {
  margin-top: 18px;
  padding-top: 16px;
  border-top: 1px solid rgba(255, 255, 255, 0.12);
  font-size: 0.82rem;
  line-height: 1.55;
}

.footer-tax span {
  display: block;
}

.footer-tax strong {
  color: rgba(255, 255, 255, 0.9);
}

.legal-page {
  background: var(--stone);
}

@media (max-width: 980px) {
  .brand,
  .site-header.is-scrolled .brand {
    width: 245px;
    height: 68px;
  }
}

@media (max-width: 720px) {
  .brand,
  .site-header.is-scrolled .brand {
    width: 205px;
    height: 60px;
  }

  .mobile-actions a:first-child {
    background: var(--black);
    color: var(--white);
  }
}