.footer {
  margin: 0 auto;
  margin-top: var(--s8);
  max-width: 900px;
}

.footer a {
  text-decoration: none;
}

.footer .lists {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: var(--s6);
  margin: var(--s8) auto;
}

.footer section {
  flex: 1 1 auto;
}

.footer section ul {
  margin-top: var(--s1);
}

.footer li + li {
  margin-top: var(--s0);
}

.footer .copyright {
  text-align: center;
}

@media (min-width: 800px) {
  .footer section {
    flex: 0 1 auto;
  }
}