/* Font Styles
----------------------------------------------- */


h1, .hdg--1 {
    font-weight: bold;
    line-height: 1.2;


    @include flat() {
        @include responsive-text( $fz-flat-h1 );
    }

    @include material() {
        @include responsive-text( $fz-material-h1 );
    }
}

h2, .hdg--2 {
    line-height: 1.2;

    @include flat() {
        @include responsive-text( $fz-flat-h2 );
        font-weight: bold;
    }

    @include material() {
        @include responsive-text( $fz-material-h2 );
        font-weight: normal;
    }
}

h3, .hdg--3 {
    font-weight: normal;
    line-height: 1.2;

    @include flat() {
        @include responsive-text( $fz-flat-h3 );
    }

    @include material() {
        @include responsive-text( $fz-material-h3 );
    }
}

h4, .hdg--4 {
    font-weight: bold;
    line-height: 1.4;

    @include flat() {
        @include responsive-text( $fz-flat-h4 );
    }

    @include material() {
        @include responsive-text( $fz-material-h4 );
    }
}

h5, .hdg--5 {
    font-weight: normal;
    line-height: 1.3;

    @include flat() {
        @include responsive-text( $fz-flat-h5 );
    }

    @include material() {
        @include responsive-text( $fz-material-h5 );
    }
}

h6, .hdg--6 {
    font-weight: bold;
    line-height: 1.4;
    text-transform: uppercase;

    @include flat() {
     @include responsive-text( $fz-flat-h6 );
    }

    @include material() {
        @include responsive-text( $fz-material-h6 );
        font-weight: 900;
    }
}
