.header-primary {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 2rem;
  padding-top: 2rem;
  padding-bottom: 1rem;
}

.logo-container {
  /* Default (desktop/larger screens) styles */
  max-width: 450px;
  padding: 0 0 0 1rem;
}

/* Mobile-specific styles (e.g., for screens up to 768px wide) */
@media (max-width: 680px) {
  .logo-container {
    max-width: 55%;
  }
}
.logo-container a {
  display: block;
}

.logo-container img {
  display: block;
  width: 100%;
  height: auto;
  max-height: 420px;
  object-fit: cover;
}