//
// TYPOGRAPHY
// --------------------------

body {
    font-family: $body-font;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: $hdr-font;
    text-transform: uppercase;
}

h1 {
    font-size: 63px;
    line-height: 1.1;
    
    @include breakpoint(medium only) {
        font-size: 53px;
    }
    
    @include breakpoint(small down) {
        font-size: 45px;
    }
}

h3 {
    font-size: 36px;
    line-height: 1.3;
}