#navbar-nav-tag {
    position: fixed;
    z-index: 9999;
    top: 5px;
    right: 5px;
}

#navbar-toggler {
    background-color: #ffffff;
}

.navbar-social-media {
    width: 35px;
    height: 35px;
}

#navbarSupportedContent > ul {
    background-color: rgb(228, 228, 228);
    width: 305px;
}

@media (min-width: 576px) {
    #navbar-nav-tag {
        position: unset;
    }

    #navbarSupportedContent > ul {
        width: unset;
    }
}

@media (min-width: 992px) {
    #navbar-nav-tag {
        position: unset;
        background-color: #ffc107;
        height: 9vh;
    }
    #navbarSupportedContent > ul {
        background-color: #2F3061;
    }
    #navbarSupportedContent > ul > li > a {
        color: #ffff;
    }
    #navbarSupportedContent > ul > li > a:hover {
        color: #ffba0a;
    }
    #navbarSupportedContent > ul > li > a.active {
        color: #D6F8D6;
        cursor: default;
        text-decoration: none;
    }

    .navbar-social-media > a  {
        color: rgba(33, 37, 41, 0.75);
    }

    .navbar-social-media > a:hover {
        color: #ffba0a;
        transition: color 0.1s ease ;
    }
}