/* The source logo's circular symbol occupies its first 209x209 pixels. */
@media (max-width: 600px) {
  .homepage-brand { margin-left: 0 !important; margin-bottom: -14px !important; }
  .homepage-brand .homepage-brand-image {
    width: 48px !important;
    height: 48px !important;
    object-fit: cover;
    object-position: left center;
  }
}

/* Full logo above the existing mobile cutoff: half size, 13px less below. */
@media (min-width: 601px) {
  .homepage-brand { margin-bottom: -13px !important; }
  .homepage-brand .homepage-brand-image { width: 20% !important; height: auto !important; }
}