.nav-header {
    background-color: #d00000 !important;
    color: #fff;
    box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 15%) !important;
}

.banner {
    background-color: #d00000;

    z-index: 0;


}

body {
    background-color: #F5F5F5 !important;
}

.banner-item > img {
    width: 100% !important;

    opacity: .4;

    position: absolute;
    top: 0;
    left: 0;

}

@media screen and (min-width: 530px) {
    .banner-item {
        position: relative;
        overflow: hidden;
        height: 300px;
    }
}

@media screen and (min-width: 470px) and (max-width: 530px) {
    .banner-item {
        position: relative;
        overflow: hidden;
        height: 280px;
    }
}

@media screen and (min-width: 380px) and (max-width: 470px) {
    .banner-item {
        position: relative;
        overflow: hidden;
        height: 260px;
    }
}

@media screen and (max-width: 380px) {
    .banner-item {
        position: relative;
        overflow: hidden;
        height: 180px;
    }
}


.banner-item >* {
    z-index: 5;
}



a {
    color: #d00000 !important;
}

a:hover {
    color: #8b0101 !important;
}