.brand-logo {
  display: block;
  width: 245px;
  height: auto;
}

.brand-logo-wrap {
  display: inline-flex;
  padding: 8px 10px;
  background: #f5f1ed;
}

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

.topline,
.header,
main,
footer {
  transition: opacity 180ms ease, transform 180ms ease;
}

html.language-loading {
  cursor: progress;
}

html.language-loading a {
  pointer-events: none;
}

html.language-leaving .topline,
html.language-leaving .header,
html.language-leaving main,
html.language-leaving footer {
  opacity: 0;
  transform: translateY(4px);
}

@media (prefers-reduced-motion: reduce) {
  .topline,
  .header,
  main,
  footer {
    transition: none;
  }
}

@media (max-width: 760px) {
  .brand-logo {
    width: 190px;
  }

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