.general--page--header {
    width: 100%;
    /*height: 700px;*/
}

.general--page--header img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    /*filter: brightness(80%);*/
}

@media only screen and (max-width: 991px) {
    .general--page--header {
        /*height: 500px;*/
    }
}

/******************
*******************
    CONTENT
*******************
******************/
.tab--contents {
    padding: 30px 0;
}

.tab--contents .nav {
    font-weight: 700;
}

.tab--contents .tab-content .tab-pane h2 {
    font-weight: 700;
}

@media only screen and (max-width: 991px) {
    .tab--contents .nav {
        flex-direction: row!important;
        margin-bottom: 40px;
    }
}

@media only screen and (max-width: 576px) {
    .general--page--header {
        /*height: 300px;*/
    }

    .tab--contents {
        padding: 30px 0;
    }
}