/*
 *  Elements: Headings
 *  ---
 *  We have all of our heading font sizes defined here. Passing these pixel
 *  values into our `font-size()` mixin will generate a rem-based
 *  `font-size` with a pixel fallback, as well as generating a `line-height` that
 *  will sit on our baseline grid.
 */

h1 {
  font-family: $secondary-font-family;
  @include font-size($font-size-h1);
}

h2 {
  font-family: $secondary-font-family;
  @include font-size($font-size-h2);
}

h3 {
  font-family: $secondary-font-family;
  @include font-size($font-size-h3);
}

h4 {
  font-family: $secondary-font-family;
  @include font-size($font-size-h4);
}

h5 {
  font-family: $secondary-font-family;
  @include font-size($font-size-h5);
}

h6 {
  font-family: $secondary-font-family;
  @include font-size($font-size-h6);
}