//
// Headline elements
//
// <h1></h1>, <h2></h2>, <h3></h3>, <h4></h4>, <h5></h5>, <h6></h6>
//


h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: $h--font-family;
    font-weight: $h--font-weight;
    color: $h--font-color;
    line-height: 1.1;
    margin: 1.25rem 0 0.625rem;
    padding: 0;
    @include user-select(text);
}

h1, .h1 {
    font-size: 2.25rem;
}

h2, .h2 {
    font-size: 1.875rem;
}

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

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

h5, .h5 {
    font-size: 0.875rem;
}

h6, .h6 {
    font-size: 0.75rem;
}