body {
    background-color: #e0e0e0;
}

.content {
    color: #575756;
    background-color: white;
    padding: 3vh 3vw;
    padding-top: 40px;
    margin-top: 5vh;
    margin-bottom: 5vh;
}


/*--- DESKTOP ---*/
@media (min-width: 992px) {

    body {
        font-size: 19px;
        line-height: 28px;
    }

    h1 {
        font-size: 40px;
        line-height: 60px;
    }

    h2 {
        font-size: 26px;
        line-height: 39px;
    }

    h5 {
        font-size: 24px;
        line-height: 36px;
    }

}

/*TABLET*/
@media (min-width: 576px) and (max-width: 991px) {

    body {
        font-size: 19px;
        line-height: 28px;
    }

    h1 {
        font-size: 40px;
        line-height: 60px;
    }

    h2 {
        font-size: 26px;
        line-height: 39px;
    }

    h5 {
        font-size: 24px;
        line-height: 36px;
    }

}

/*MOBILE*/
@media (min-width: 0px) and (max-width: 575px) {

    body {
        font-size: 16px;
        line-height: 24px;
    }

    /*To prevent horizontal scrollbars in responsive design*/
    html, body {
        max-width: 100%;
        overflow-x: hidden;
    }

    h1 {
        font-size: 32px;
        line-height: 48px;
    }

    h2 {
        font-size: 24px;
        line-height: 36px;
    }

    h5 {
        font-size: 19px;
        line-height: 29px;
    }

}