#header {
    text-align: center;
    padding: 10px 0;
    background-color: rgb(41, 43, 47);
    color: white;
}

#logo-carousel {
    height: 400px !important;
}

.text-smallcaps {
    font-variant: small-caps;
}

.navbar {
    padding: 0 0;
}

.bg-red {
    background-color: rgb(216, 0, 0) !important;
}

.nav-link-custom {
    color: white !important;
}

.nav-link-custom:hover {
    color: black !important;
}

.btn-danger {
    font-size: 1.25em;
    background-color: rgb(216, 0, 0) !important;
    border: none;
}

.btn-danger:hover {
    background-color: rgb(140, 12, 12) !important;
}

.bg-lightgray {
    background-color: rgb(199, 205, 209) !important;
}

.logo-img {
    width: 200px;
}

.dropdown-menu-custom:hover {
    color: black !important;
}

.dropdown-item-custom {
    color: white !important;
}

.dropdown-item-custom:hover {
    background-color: rgb(159, 7, 42) !important;
    color: black !important;
}

@media (max-width: 600px) {

    #carousel,
    .bd-heading,
    .bd-example-snippet,
    #carouselExampleCaptions,
    .carousel-inner,
    .carousel-img {
        height: 200px !important;
    }

    #logo-carousel{
        height: 200px !important;
    }
    
}