/* body.css */
body {
    height: 100%;
}

.body-content-colors {
    color: rgb(0, 0, 0);
}

/* help.css */

section.help {
    background-color: rgb(255, 255, 255);
}
    section.help h1 {
        font-size: 2.9em;
        font-weight: bold;
        padding-top: 2vh;
        color: rgb(0, 113, 188)
    }

/* card.css */
.card-item {
    overflow: hidden;
    text-align: center;
}
    .card-item h2 {
        margin-top: 10px;
        font-size: 22px;
        font-family: "Arial Black", Gadget, sans-serif;
    }

    .card-item h3 {
        font-size: 16px
    }

    .card-item i {
        text-align: center;
        color: #3498db;
    }

@media screen and (min-width:992px) {
    section.help {
        height: 550px;
        padding-top: 60px;
        padding-bottom: 100px;
        border-bottom-color: rgb(254, 209, 54);
        border-bottom-width: 3px;
        border-bottom-style: solid;
    }
        section.help h1 {
            font-size: 3.9em;
            padding-top: 2vh;
            padding-bottom: 4vh;
        }
}

@media screen and (max-width:991px) {
    section.help {
        height: 450px;
        padding-top: 60px;
        padding-bottom: 100px;
    }
}

@media screen and (max-width:767px) {
    section.help {
        height: 100%;
    }

}