.site-header { padding-top: 10px; padding-bottom: 10px; justify-content: center; }

.brand { display: block; line-height: 0; text-decoration: none; }

.brand img { display: block; width: min(430px, 50vw); height: auto; }

@media (max-width: 720px) {
  .site-header { padding-top: 8px; padding-bottom: 8px; }
  .brand img { width: min(310px, 75vw); }
}