:root {
  --statera-logo-header-height: 46px;
  --statera-logo-footer-height: 62px;
}

.logo {
  display: inline-flex !important;
  align-items: center;
  flex: 0 0 auto;
  font-size: 0 !important;
  line-height: 0;
}

.nav .logo img,
.logo img {
  display: block;
  width: auto;
  height: var(--statera-logo-header-height);
  object-fit: contain;
}

.f-logo img {
  display: block;
  width: auto;
  height: var(--statera-logo-footer-height);
  filter: invert(1);
  opacity: .96;
}

@media (max-width: 520px) {
  :root {
    --statera-logo-header-height: 40px;
    --statera-logo-footer-height: 56px;
  }
}