body > footer {
  background-color: $color-font-base;
  color: $white;
  font-family: "Lato", sans-serif;

  padding-top: 1em * $golden;
  padding-bottom: 1em * $golden;

  text-align: center;

  p {
    margin-bottom: 0;
  }

  ul.social-links {
    padding: 0;
    margin: 0;
    li {
      display: inline-block;
      padding: $golden * 0.5em;
    }
    a, a > i {
      color: $white;
      &:HOVER {
        color: #ffffff;
      }
    }
  }

  i {
    color: $primary-color;
    padding-left: 5px;
    padding-right: 5px;
  }
}
body > footer {
  background-color: $color-font-base;
  color: $white;
  font-family: "Lato", sans-serif;

  padding-top: 1em * $golden;
  padding-bottom: 1em * $golden;

  text-align: center;

  p {
    margin-bottom: 0;
  }

  ul.social-links {
    padding: 0;
    margin: 0;
    @include columns(4, $target: 'li', $container-align: 'center');
    @include breakpoint('from-tablet') {
      @include columns(8, $target: 'li', $container-align: 'center');
    }
    li {
      display: inline-block;
      padding: $golden * 0.5em;
    }
    a, a > i {
      color: $white;
      &:HOVER {
        color: #ffffff;
      }
    }
  }

  i {
    color: $primary-color;
    padding-left: 5px;
    padding-right: 5px;
  }
}

Add responsive social links to footer
Add responsive social links to footer
