@media (max-width: 768px){h2,.font-black{
    font-weight: 900;
    font-size: var(--text-4xl);
  }
.font-thin-small{
    font-weight: 300;
    font-size: var(--text-2xl);
  }
.footer{
    padding: var(--space-4xl) 0 var(--space-xl);
  }
.footer__top{
    flex-direction: column;
    gap: var(--space-lg);
    text-align: center;
    padding-bottom: var(--space-xl);
    margin-bottom: var(--space-xl);
  }
.footer__logo{
    max-width: 150px;
  }
.footer__bottom{
    flex-direction: column;
    gap: var(--space-lg);
    text-align: center;
  }}