/* ========================================================================
           Typography - Google Fonts Integration
========================================================================== */

body {
    font-family: 'Roboto', sans-serif;
    font-size: 20px;
    line-height: 1.6em;
    color: var(--leda-font);
    background: var(--leda-white);
}

h1, .h1 {
    font-family: 'Quicksand', sans-serif;
    font-size: 4rem; /* 64px */
    line-height: 4.75rem;
    font-weight: 400;
    color: var(--leda-font);
    margin-bottom: 2.38rem;
}

h2, .h2 {
    font-family: 'Quicksand', sans-serif;
    font-size: 3.25rem; /* 52px */
    line-height: 4.25rem;
    font-weight: 400;
    color: var(--leda-font);
    margin-bottom: 2.13rem;
}

h3, .h3 {
    font-family: 'Quicksand', sans-serif;
    font-size: 2.25rem; /* 36px */
    line-height: 3rem;
    font-weight: 400;
    font-style: normal;
    color: var(--leda-font);
    margin-bottom: 1.5rem;
}

h4, .h4 {
    font-family: 'Quicksand', sans-serif;
    font-size: 1.75rem; /* 28px */
    line-height: 2.5rem;
    font-weight: 400;
    font-style: normal;
    color: var(--leda-font);
    margin-bottom: 1.25rem;
}