body {
  font:$body-font-weight #{$base-font-size}/#{$base-line-height} $body-font-stack;
  color: $body-color;
}

a {
  text-decoration: none;
  color: $link-color;
}

a:hover {
  text-decoration: underline;
}

h1, h2, h3, h4, h5, h6, .heading {
  font-family: $headings-font-stack;
  font-weight: $headings-font-weight;
  letter-spacing: -0.04em;
  line-height: 1.1em;
}

//http://typecast.com/blog/a-more-modern-scale-for-web-typography
h1 {
  font-size: 2em;
  ///* 2x body copy size = 32px */
  line-height: 1.25;
  ///* 45px / 36px */
}
h2 {
  font-size: 1.625em;
  ///* 1.625x body copy size = 26px */
  line-height: 1.15384615;
  ///* 30px / 26px */
}

h3 {
  font-size: 1.375em;
  ///* 1.375x body copy size = 22px */
  line-height: 1.13636364;
  ///* 25px / 22px */
}

h4 {
  font-size: 1.125em;
  ///* 1.125x body copy size = 18px */
  line-height: 1.11111111;
}



@media (min-width: 56.25em) {
  h1 {
    font-size: 2.5em;
    ///* 3x body copy size = 48px */
    line-height: 1.05;
    ///* keep to a multiple of the 20px line height and something more appropriate for display headings */
  }
  h2 {
    font-size: 1.75em;
    ///* 2.25x body copy size = 36px */
    line-height: 1.25;
  }
  h3 {
    font-size: 1.5em;
    ///* 1.75x body copy size = 28px */
    line-height: 1.25;
  }
}
