.site-footer {
    background: var(--black);
    color: var(--white);
    padding: clamp(50px, 5vw, 100px);
  }
  .footer-grid {
    display: flex;
    gap: 20px;
    justify-content: space-between;
  }
  .footer-grid-right {
    display: flex;
    flex-direction: column;
    gap: 10px;
  }
  .footer-grid-right a {
    color: var(--white);
  }
  .footer-grid-left a {
    text-decoration: none;
    color: var(--white);
    font-size: 20px;
  }
  .socials {
    display: flex;
    gap: 15px;
  }
  .footer-grid-left h3 {
    font-size: 28px;
  }
  @media (max-width: 800px) {
    .footer-grid {
      flex-direction: column;
    }
  }