/* Small overrides on top of imported CSS */

.site-header {
  padding: 20px 0; /* give the logo some breathing room */
}

.logo img {
  display: block;
  height: 64px;
  width: auto;
}

@media (max-width: 768px) {
  .logo img {
    height: 52px;
  }
  .nav__list {
    gap: 18px;
  }
}

/* Footer logo can be slightly smaller */
.site-footer .logo img {
  height: 52px;
}