@import "../mixins/headings";

//
// h1 ~ h6
//
@include headings {
  margin: 0;

  small {
    color: #666;
    font-weight: 300;
  }
}

h1,
.h1 {
  font-size: 2.25rem;   // 36px
  font-weight: 200;
}

h2,
.h2 {
  font-size: 1.875rem;  // 30px
  font-weight: 300;
}

h3,
.h3 {
  font-size: 1.5rem;
  font-weight: 400;
}

h4,
.h4 {
  font-size: 1.125rem;
  font-weight: 600;
}

h5,
.h5 {
  font-size: 1rem;
  font-weight: 600;
}

h6,
.h6 {
  font-size: 0.875rem;
  font-weight: 700;
}