.official-logo {
  width: 52px;
  height: 52px;
  object-fit: contain;
  flex: 0 0 auto;
  filter: drop-shadow(0 5px 12px rgba(0, 0, 0, .32));
}

.site-header.scrolled .official-logo {
  width: 44px;
  height: 44px;
}

.footer-logo {
  width: 64px;
  height: 64px;
}

@media (max-width: 560px) {
  .official-logo {
    width: 44px;
    height: 44px;
  }

  .brand > span:last-child {
    display: none;
  }
}