/* VelaKiss v1.1.20 — header logo occupies 80% of navigation height */
.site-header > .site-brand.site-brand-logo {
  align-self: stretch;
  height: 80%;
  margin-block: auto;
}

.site-header > .site-brand.site-brand-logo img {
  width: auto;
  height: 100%;
  max-width: 310px;
}

@media (max-width: 1000px) {
  .site-header > .site-brand.site-brand-logo img {
    max-width: 275px;
  }
}

@media (max-width: 800px) {
  .site-header > .site-brand.site-brand-logo {
    height: 80%;
  }

  .site-header > .site-brand.site-brand-logo img {
    max-width: 225px;
  }
}

@media (max-width: 480px) {
  .site-header > .site-brand.site-brand-logo img {
    max-width: min(58vw, 205px);
  }
}

@media (max-width: 360px) {
  .site-header > .site-brand.site-brand-logo img {
    max-width: 185px;
  }
}