/*
###################################
TYPOGRAPHY
###################################
*/


h1,
h2,
h3,
h4,
h5,
h6 {
/*     font-family: 'Gentium Book Plus', serif; */
/*     font-weight: 700; */
    font-family: 'EB Garamond', serif;
    font-weight: 500;
    color: var(--gold);
}

h1 {
    color: white;
}


/* LG and up */
@media (min-width: 992px) {


    h1 {
        font-size: 3.0rem;
        line-height: 2.75rem;
        text-shadow: 2px 2px 4px #00000066;
    }

    #heroCarousel h1 {
        font-size: 3.75rem;
        line-height: 3.5rem;
    }

    h2 {
        font-size: 2.5rem;
        line-height: 2.5rem;
        margin-bottom: 1.75rem;
    }

    h3 {
        font-size: 2.125rem;
        line-height: 2rem;
    }

    h4 {
        font-size: 1.75rem;
        line-height: 1.75rem;
        margin-bottom: 1.25rem;
    }

/*     h5 {
        font-size: 1.5rem;
        line-height: 1.5rem;
        margin-bottom: 0.75rem;
    } */
    
    /* Was body-font */
    h5 {
        font-family: 'Alegreya Sans', sans-serif;
        font-size: 1.25rem;
        line-height: 1.35rem;
        font-weight: 600;
        margin-bottom: 0.75rem;
        color: var(--body);
    }

/*     h6 {
        font-size: 1.25rem;
        line-height: 1.375rem;
    } */
    
    /* Was body-font */
    h6 {
        font-family: 'Alegreya Sans', sans-serif;
        font-size: 1.125rem;
        line-height: 1.25rem;
        font-weight: 600;
        color: var(--body);
    }

    main p,
    main li {
        font-size: 1.125rem;
        line-height: 1.5rem;
        font-weight: 400;
        margin-bottom: 1.5rem;
    }

    main ul {
        list-style-type: '\2014';
        padding-left: 1rem;
    }

    main li {
        padding-left: 1rem;
    }

    main .intro p,
    header .hero p {
        font-size: 1.5rem;
        line-height: 1.75rem;
        margin-bottom: 1.5rem;
    }

    main .large p,
    main p.large,
    header .hero .large p,
    header .hero p.large {
        font-size: 1.25rem;
        line-height: 1.75rem;
        margin-bottom: 1.75rem;
    }

    main .small p,
    main p.small,
    header .hero .small p,
    header .hero p.small {
        font-size: 1rem;
        line-height: 1.25rem;
        margin-bottom: 0rem;
    }

    .blockquote {
        font-family: 'Gentium Book Plus', serif;
        font-size: 1.625rem;
        font-weight: 700;
    }

    .cite {
        font-size: 1.25rem;
        font-weight: 800;
        font-style: normal;
    }


}