.navbar {
    transition: all 0.4s;
    box-shadow: none;
    max-height: fit-content;
}

.navbar-collapse.show{
    background-color: #02353cb9;
    transition: 500ms;
}

.logo-image{
    height: 100px;
    transition: 500ms;
}

.logo-image.active{
    height: 50px;
    transition: 500ms ;
}

.navbar .nav-link {
    color: rgb(255, 255, 255);
}

.navbar .nav-link:hover,
.navbar .nav-link:focus {
    color: rgb(115, 214, 194);
    text-decoration: none;
}

.navbar .navbar-brand {
    color: rgb(255, 255, 255);
}


/* Change navbar styling on scroll */
.navbar.active {
    background: #02353C;
    box-shadow: 1px 2px 10px rgb(0, 0, 0);
}

.navbar.active .nav-link {
    color: rgb(255, 255, 255);
}

.navbar.active .nav-link:hover,
.navbar.active .nav-link:focus {
    color: rgb(177, 177, 177);
    text-decoration: none;
}

.navbar.active .navbar-brand {
    color: rgb(3, 96, 90);
}


.fa-bars{
    color: white;
}


/* Change navbar styling on small viewports */
@media (max-width: 991.98px) {
    .navbar {
        background: rgba(250, 245, 245, 0);
    }

    .navbar .navbar-brand, .navbar .nav-link {
        color: #c1f6ed;
    }
}

.facebook-btn{
    color:#ffffff;
    background-color:#3b5998;
}

.facebook-btn:hover{
    background-color:#ffffff;
    color:#3b5998;
}