/* Navigation related breakpoints */
/* Grid related breakpoints */
.site-footer {
  background-color: black;
  color: var(--color--white);
  padding: 4rem 0;
}
.site-footer a {
  color: white;
}
.site-footer .menu--level-1 {
  padding-left: 1.25rem;
}

.site-footer__social {
  display: flex;
  margin-block: var(--sp1);
  gap: var(--sp1);
}
.site-footer__social svg {
  width: 3.125rem;
  height: 3.125rem;
}