@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap");
*{
    font-family: "Roboto";
}
.navbar {
    background: linear-gradient(90deg, #414141 0%, #505050 50%, #211f1f 100%);
    opacity: 0.9;
    width: 100%;
}

.fixed-nav{
    position: fixed;
    top: 0%;
    left: 0%;
    z-index: 1030;
    padding: 1rem;
}

.logo {
    width: 50%;
}

.logoDiv{
    text-align: center;
}

.textSize {
    font-size: 12px !important;
}


.navbar a {
    color: #ebebeb;
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 4px;
}

.navbar-nav .active {
    border-bottom: #ed1c24 solid 2px;
    font-weight: 700;
    padding: 1rem 0rem;
}

@media (max-width: 992px) {
    .navbar {
        background: linear-gradient(90deg, #414141 0%, #505050 50%, #211f1f 100%);
        opacity: 0.9;
        width: 100%;
    }
    
    .fixed-nav{
        position: fixed;
        top: 0%;
        left: 0%;
        z-index: 1030;
        padding: 1rem;
    }
    
    .navbar .bg-dropdown {
        background: none;
    }
    .logo {
        width: 100%;
    }
    .navbar-nav .active {
        border-bottom: none;
        color: #ed1c24 !important;
        font-weight: 700;
        padding: 0.5rem 0rem;
    }
    .comingSoon {
        color: grey;
        font-size: 10px;
        position: absolute;
        top: 80%;
        width: 100%;
        text-align: left;
    }
    .navbar-nav .padding-border {
        padding: 0.5rem 0rem;
    }
}
@media (min-width: 991.99px) {


}