.footer {
  background-color: map-deep-get($foundation-palette, secondary);

  ul {
    margin: 0 0 $global-margin $global-margin;
    padding-top: $global-padding;
    list-style: none;
    display: block;
    overflow: hidden;

    li {
      display: inline-block;
      float: left;
      margin-right: $global-margin;

      &:last-child {
        float: left;
        margin-right: 0;

        @include breakpoint (medium) {
          float: right;
          margin-right: $global-margin;
        }
      }

      a {
        color: $black;
      }
    }
  }
}