#infoModal h2, .infoModal h2 {
    font-size: 2.5rem;
    font-family: 'FinancierDisplay-Bold';
    text-align: left;
    line-height: 1.1;
    font-style: normal;
    font-weight: 400;
    color: inherit;
    text-rendering: optimizeLegibility;
    margin-top: 0;
    margin-bottom: .5rem;
}

#infoModal p, .infoModal p {
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 0.75rem;
    line-height: 1.6;
    text-rendering: optimizeLegibility;
    color: #0a0a0a;
    margin-bottom: 1rem;
    text-rendering: optimizeLegibility;
}


#infoModal a,
#infoModal a:hover,
#infoModal a:visited,
.infoModal a,
.infoModal a:hover,
.infoModal a:visited {
    color: #EEC474;
    text-decoration: underline;
    font-weight: 400;
/*    font-size: 0.75rem;*/
    line-height: 1.6;
    font-weight: bold;
}


#infoModal.reveal,
.infoModal.reveal {
    padding: 30px 16px;
}

#infoModal.reveal .close-button,
.infoModal.reveal .close-button {
    background: none;
    padding: 0;
    text-align: right;
    right: 10px;
    top: 5px;
    min-width: inherit;
    height: 24px;
    width: 45px;
}


/* Medium and up */
@media screen and (min-width: 40em) {

    #infoModal p,
    .infoModal p {
        color: #0a0a0a;
        font-weight: 400;
        font-size: 0.875rem !important;
        font-family: 'Montserrat';
        margin-bottom: 1rem;
        font-size: inherit;
        line-height: 1.6;
        text-rendering: optimizeLegibility;
    }

    #infoModal.reveal,
    .infoModal.reveal {
        width: 640px;
        padding: 50px;
    }

    #infoModal.reveal .button-group,
    .infoModal.reveal .button-group {
        max-width: 350px;
        margin: 20px 0 0;
    }
}