.Site {
  display: flex;
  flex-direction: column;
  min-height: 100%;

  @include ie-only {
    // `height: 100%` is needed for IE because of the `min-height` flexbox bug.
    height: 100%;
  }
}

.Site-content {
  // `flex-shrink: 0` and `flex-basis: auto` are need to work around
  // Flexbox issues in IE 10-11.
  flex: 1 0 auto;
  width: 100%;
  padding: 1.5em;

  @include breakpoint("large") {
    padding-top: 2em;
  }
}

.Site {
  display: flex;
  flex-direction: column;
  min-height: 100%;

  @include ie-only {
    // `height: 100%` is needed for IE because of the `min-height` flexbox bug.
    height: 100%;
  }
}

.Site-content {
  flex: 1 0 auto;
  padding: 1.5em;
  width: 100%;

  @include breakpoint("large") {
    padding-top: 2em;
  }
}

Remove an erroneous comment and reorder properties.
Remove an erroneous comment and reorder properties.
