.header img {
    margin-top: 2em;
}

.header div {
    display: inline-table;
}

.navbar-toggler-icon {
    color: white;
}

nav {
    box-shadow: 2px 2px 12px rgba(150, 248, 111, 0.5);
}

.nav-item {
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    transition: 0.3s ease;
    color: white;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    font-size: 20px;
    padding-right: 1em;
    margin-right: 1em;
}

nav a:hover {
    border-top: 4px solid white;
    border-bottom: 4px solid white;
    padding: 6px 0;
    background-color: grey;
}

.navbar {
    background: navy;
}

#mvanimation {
    color: white;
    animation-name: mvanime;
    animation-duration: 20s;
    animation-iteration-count: infinite;
}

@keyframes mvanime {
    0% {
        color: orange;
    }
    25% {
        color: black;
    }
    50% {
        color: magenta;
    }
    75% {
        color: brown;
    }
    90% {
        color: navy;
    }
    100% {
        color: maroon;
    }
}

#carousal-image {
    height: 600px !important;
    width: 20%;
    margin: 0;
}

.news-title {
    color: red;
    margin-left: 22.5em;
}

.marquee {
    margin: 0 auto;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    background-color: navy;
}

.marquee span {
    display: inline-block;
    padding-left: 100%;
    animation: marquee 70s linear infinite;
    color: white;
    font-weight: bolder;
}

@keyframes marquee {
    0% {
        transform: translate(0, 0);
    }
    100% {
        transform: translate(-100%, 0%);
    }
}

/* Gallery  */

#image-gallery {
    width: 600px;
    margin: 0 auto;
}

#current-image {
    width: 100%;
}

#image-thumbs {
    display: flex;
    justify-content: center;
    margin-top: 20px;
}

.thumb {
    width: 80px;
    height: 80px;
    object-fit: cover;
    margin-right: 10px;
    cursor: pointer;
}

/* breadcrumbs */