@media (max-width: 420px) {
  .legal-header {
    padding: 0 4vw;
  }

  .legal-header img {
    width: 138px;
  }

  .legal-header nav {
    gap: 0.55rem;
  }

  .legal-header nav a {
    min-height: 44px;
    padding: 0.9rem 0.15rem;
    display: flex;
    align-items: center;
  }

  .legal-footer div {
    flex-wrap: wrap;
  }

  .legal-footer a {
    min-height: 44px;
    display: flex;
    align-items: center;
  }
}