/* Custom styles for the single-page site */
body {
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
  background: #ffffff;
  color: #333;
}

.navbar-brand img {
  object-fit: contain;
}

main h1 {
  font-weight: 600;
}

footer {
  border-top: 1px solid #eee;
}

/* Center and scale the logo in the navbar */
.navbar .container {
  display: flex;
  justify-content: center;
}

.navbar-brand svg {
  /* Make the logo large by default */
  width: 300px;
  height: 300px;
  max-width: 40vw;
  max-height: 40vw;
}

@media (max-width: 768px) {
  .navbar-brand svg {
    /* Scale down on small screens */
    width: 200px;
    height: 200px;
    max-width: 50vw;
    max-height: 50vw;
  }
}

@media (max-width: 480px) {
  .navbar-brand svg {
    width: 140px;
    height: 140px;
    max-width: 60vw;
    max-height: 60vw;
  }
}