/*
 * Typography
 */

.heading-a {
    color: #86c200;
    display: inline-block;
    font-size: 4rem;
    font-weight: 300;
    line-height: 4rem;
    margin: 0;
    vertical-align: middle;
}

.heading-b {
    color: #696969;
    font-size: 2rem;
    font-weight: 400;
    margin: 0;
}

.heading-c {
    color: #696969;
    font-size: 1.5rem;
    font-weight: 400;
    margin: 0.6rem 0;
}

.heading-c a {
    color: #696969;
    text-decoration: none;
}

.heading-d {
    color: #696969;
    font-size: 1.5rem;
    margin: 0;
    text-transform: uppercase;
}

.heading-e {
    color: #757575;
    font-size: 1.6rem;
    font-weight: 300;
    margin: 0 0 2.2rem;
}

.heading-f {
    color: #86c200;
    font-size: 2.2rem;
    font-weight: 300;
    margin: 0;
}

p, a {
    color: #696969;
    font-weight: 400;
    line-height: 1.4em;
}

p {
    font-size: 1.5rem;
    font-weight: 300;
    margin: 0;
}
/***********************
 * Colosi -- added css styles for li
 ***********************/
.li-text-p-normal {
    color: #696969;
    line-height: 1.4em;
    font-size: 1.5rem;
    font-weight: 300;
}
/**** end of css style for li ****/

a {
    cursor: pointer;
}

.help-text {
    color: #696969;
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 1.4em;
    display: block;
    font-style: italic;
    margin-top: 0.4rem;
}

.asterisk {
    font-size: 1.1rem;
    vertical-align: text-top;
}

small {
    color: #696969;
    font-size: 1.2rem;
}

.note {
    display: block;
    line-height: 1.6em;
    padding: 0 1.6rem;
    text-align: left;
}

.note:before {
    content: '*';
    display: inline-block;
    margin-right: 1rem;
}

a {
    color: #3f96d3;
    font-size: inherit;
    text-decoration: none;
}

#main header {
    margin: 0 0 3.4rem;
}

@media only screen and (max-width: 719px) {
    .heading-b {
        font-size: 1.7rem;    /* 2.8rem; */
        margin: 1.5rem 0 0; /* 4rem 0 0; */
        padding: 0 2rem;    /* 0 4rem; */
    }

    .heading-c {
        font-size: 2.8rem;
        font-weight: 600;
    }

    .heading-d {
        font-size: 3.4rem;
    }

    .heading-e {
        font-size: 1.7rem;  /* 2.8rem; */
        padding: 0 2rem;    /* 0 4rem; */
        margin: 0 0 1.1rem; /* taken from desktop */
    }

    p {
        font-size: 1.2rem;  /* 2.8rem; */
        padding: 0 2rem;    /* 0 4rem; */
    }

    #left-content > p,
    #right-content > p,
    #full-content > p {
        padding: 2rem 4rem;
    }

    a {
        font-size: 1.5rem;  /* 2.8rem; */
    }

    #left-content p:first-child,
    #full-content p:first-child {
        margin-top: 1.6rem;
    }

    .note {
        font-size: 1.8rem;
        padding: 0 4rem;
    }
}