:root {
    --greenDefaultOne: #0d4000;
    --greenDefaultTwo: #b7eb00;
    --grayFont: #6c757d;
    --grayDefaultOne: #9b9b9b;
    --grayDefaultTwo: #dedede;
}

#menu-mobile{
    display: none;
}

#menu{
    background-color: white;
    text-align: center;
}

#menu>ul{
    list-style: none;
}

#menu>ul>li{
    display: inline;
    font-size: 14px;
    letter-spacing: 2px;
    padding: 0px 20px 0px 0px;
}

#menu>ul>li>a{
    color: gray;
    cursor: pointer;
    text-decoration: none;
}

#menu>ul>li>a:hover{
    color: var(--greenDefaultTwo); 
    transition: 1s;
}

.menuDropdown{
    background-color: white;
    border-top: 1px solid var(--grayDefaultTwo);
    display: none;
    height: 100px;
    padding: 20px 0px 0px 0px;
    padding: 30px 0px 0px 0px; 
    text-align: center;
    visibility: visible;
}

.menuDropdown>ul>li{
    display: inline;
    font-size: 12px;
    letter-spacing: 2px;
    padding: 0px 40px 0px 0px;
}

.menuDropdown>ul>li>a{
    color: gray;
    text-decoration: none;
}

.menuDropdown>ul>li>a:hover{
    color: var(--greenDefaultTwo);
    transition: 1s;
}

.dropdown{
    display: block;
}

.link{
    background-color: var(--grayDefaultTwo);
    color: var(--greenDefaultOne);
    padding: 20px;
}

a:link{
    text-decoration: none;
}

@media only screen and (max-width: 991.98px){
    #menu{display:none !important}
    #menu-mobile{display: block !important}
}