.navbar {
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    background: #006699;
}

    .navbar .navbar-brand img {
        max-width: 100px;
       
    }

    .navbar .navbar-nav .nav-link {
        color: #eef9ff;
    }
@media (max-width:767px) {
    .navbar .navbar-nav .nav-link {
        color: black;
    }
}

    @media screen and (min-width: 1024px) {
        .navbar {
            letter-spacing: 0.1em;
        }

            .navbar .navbar-nav .nav-link {
                padding: 0.5em 1em;
            }

        .search-and-icons {
            width: 50%;
        }

            .search-and-icons form {
                flex: 1;
            }
    }

    @media screen and (min-width: 768px) {
        .navbar .navbar-brand img {
            max-width: 7em;
        }

        .navbar .navbar-collapse {
            display: flex;
            flex-direction: column-reverse;
            align-items: flex-end;
        }

        .search-and-icons {
            display: flex;
            align-items: center;
        }
    }

    .search-and-icons form input {
        border-radius: 0;
        height: 2em;
        background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='grey' class='bi bi-search' viewBox='0 0 16 16'%3E%3Cpath d='M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z'/%3E%3C/svg%3E") no-repeat 95%;
    }

        .search-and-icons form input:focus {
            background: #fff;
            box-shadow: none;
        }

    .search-and-icons .user-icons div {
        padding-right: 1em;
    }

    .contact-info p,
    .contact-info a {
        font-size: 0.9em;
        padding-right: 1em;
        color: grey;
    }

    .contact-info a {
        padding-right: 0;
    }


    .navbar-nav .nav-link {
        white-space: nowrap;
    }

    .fixed-top {
        position: fixed;
        top: 0;
        right: 0;
        left: 0;
        z-index: 1030;
    }

    @media (min-width: 992px) {

        .navbar-collapse collapse #navbarNavDropdown {
            background-color: white;
        }
    }