/* =Social
  ----------------------------------------------- */
  footer .social-links {
    /* margin-top: 0.5625em; For two rows of navigation */
    margin-top: 1.5em;
    margin-bottom: 1.5em;
  }
  footer .social-links li {
    margin: 0.875em 0.5em;
  }
  footer .social-links li a {
    padding: 0.25em;
  }
  footer .social-links li svg {
    width: 1.25em;
    height: 1.25em;
  }
  footer .social-links li svg path {
    fill: currentColor;
  }


  @supports (display: grid) {
    @media (min-width: 60em) {
      footer .social-links {
        margin-top: 0.75em;
        margin-top: 1.5em;
      }
    }
  }