.footer-container {
  max-width: 100%;
  width: 100%;
  margin: 0 auto;
  border-top: 1px solid $medium-gray;
  margin-top: rem-calc(60);
}

.footer {
  @include grid-row();
  padding: rem-calc(30) 0;

  ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
  }
}
.footer-container {
  max-width: 100%;
  width: 100%;
  margin: 0 auto;
  border-top: 1px solid $medium-gray;
  margin-top: rem-calc(60);
}

.footer {
  @include xy-grid;
  padding: rem-calc(30) 0;

  ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
  }
}

Use semantic xy-grid in footer
Use semantic xy-grid in footer
