/*------------------------------------*\
  $PAGE
\*------------------------------------*/

/**
 * [1] Fonts on OSX will look more consistent with
 *     other systems that do not render text using
 *     sub-pixel anti-aliasing.
 */
html {
  overflow-y: scroll;
  min-height: 100%;
  text-size-adjust: 100%;
  -moz-osx-font-smoothing: grayscale; /* 1 */
  -webkit-font-smoothing: antialiased; /* 1 */
  color: $base-font-color;
  background: {
    color: #F7F7F7;
  }
}

body {
  background: {
    color: #F7F7F7;
  }

  color: $mid-grey;
  font: {
    family: $body-font;
    weight: 400;
    size: font-size($base-font-size);
  }

  padding: 20px;

  @include mq(mq600) {
    padding: 25px;
  }

  @include mq(mq960) {
    padding: 30px;
  }
}