@media (max-width: 768px) {
  .main {
    margin-top: 0;
  }

  .navbar {
    flex-direction: row;
    flex-wrap: wrap;
  }

  .navbar__links {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.3rem;
    flex-grow: 1;
  }

  .navbar__logo {
    font-size: 1rem;
    gap: 0.3rem;
    justify-content: flex-start;
  }

  .navbar ul {
    flex-wrap: wrap;
    column-gap: 0.6rem;
    row-gap: 0;
    justify-content: flex-start;
    font-size: 0.9rem;
  }

  .navbar > a,
  .profile,
  .profile span,
  .sign-out-link {
    font-size: 0.9rem;
    white-space: nowrap;
  }

  .site-list__header {
    display: block;
  }

  .form {
    display: block;
  }

  .form-row {
    display: block;
    margin-top: 0.5rem;
  }

  .form-row label {
    display: block;
  }

  .form-row input {
    width: 100%;
    margin-top: 0.25rem;
    box-sizing: border-box;
  }
}