h1 {
    font-size: 1.7rem;
    line-height: 1.95rem;
    margin: 0 0 23px
}

.fakeH4 {
    font-family: Maax, Arial, sans-serif;
    font-size: 1.1rem;
    font-weight: 500;
    line-height: 1.3rem;
    margin: 18px 0 15px
}

.expandableContent .fakeH4 {
    font-size: .94rem;
    line-height: 1.3rem;
    margin: 15px 0 13px
}

.noPadding {
    padding: 0 !important
}

.noPaddingTop {
    padding-top: 0
}

.noPaddingBottom,
.noPaddingMobileBottom {
    padding-bottom: 0 !important
}

.noPaddingMobileTop {
    padding-top: 0 !important
}

.noMarginTop {
    margin-top: 0 !important
}

.introsHeader {
    animation: fadeIn .3s ease both;
    animation-delay: .4s;
    color: #f6f6f6;
    font-size: .88rem;
    line-height: 1.45rem
}

#mainHeader .simulationLinks {
    margin-top: 25px
}

#mainHeader {
    padding-bottom: 52px
}

@media(min-width:768px) {
    h1 {
        font-size: 2.5rem;
        line-height: 2.75rem;
        margin-bottom: 35px;
        max-width: 500px
    }

    .introsHeader {
        font-size: 1.02rem;
        line-height: 1.6rem;
        max-width: 620px
    }

    #mainHeader .simulationLinks {
        margin-top: 47px
    }

    .fakeH4 {
        margin: 20px 0 15px
    }

    .noPaddingMobileTop {
        padding-top: 10px !important
    }

    .noPaddingMobileBottom {
        padding-bottom: 10px !important
    }
}

@media(min-width:1000px) {
    h1 {
        max-width: 55%
    }

    .introsHeader {
        max-width: 62%
    }

    .noPaddingMobileTop {
        padding-top: 20px !important
    }

    .noPaddingMobileBottom {
        padding-bottom: 20px !important
    }

    #mainHeader {
        padding: 200px 30px 80px
    }
}

@media(min-width:1200px) {
    h1 {
        max-width: 48%
    }

    .introsHeader {
        max-width: 55%
    }
}