footer {
  background: var(--bg-dark);
  color: var(--on-dark-muted);
  text-align: center;
  padding: 28px var(--gutter);
  font-size: var(--fs-xs);
}
footer p {
  color: var(--on-dark-muted);
}
footer a {
  color: var(--on-dark-accent);
  text-decoration: none;
}
footer .footer-break {
  display: none;
}
@media (max-width: 680px) {
  footer .footer-sep {
    display: none;
  }
  footer .footer-break {
    display: block;
  }
  footer p {
    line-height: 2;
  }
}