@media (max-width: 767px) {
  header nav {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  header nav .shrink-0 {
    flex-shrink: 1;
    min-width: 0;
  }

  header nav .shrink-0 img {
    height: 2.25rem;
    width: auto;
    max-width: min(11rem, calc(100vw - 6rem));
    object-fit: contain;
  }

  footer .bg-gray-800 .flex.flex-row {
    flex-wrap: wrap;
    gap: 0.25rem 0.75rem;
    justify-content: flex-start;
  }

  footer .bg-gray-800 .flex.flex-row a {
    margin-top: 0.5rem;
    margin-right: 0 !important;
    white-space: nowrap;
  }
}
