.dropdown-menu2 ul{
    list-style: none;
    padding: 0;
}

/* Make the mega dropdown span the full viewport width and wrap columns */
.dropdown-menu2{
    width: 100vw;
    left: 0 !important;
    right: 0 !important;
    transform: none !important; /* override Popper transform */
    border: none;
    border-radius: 0;
    margin-top: 0;
    padding: 1rem 2rem;
    z-index: 1030; /* above navbar */
}
/* Ensure parent dropdown does not constrain positioning */
.dropdown.position-static .dropdown-menu2{
    top: 70% !important;
}

.dropdown-menu2.show{
    background: #e1e5ee;
    display: flex;
    flex-wrap: wrap; /* allow columns to move underneath when they don't fit */
    align-items: flex-start;
    gap: 1rem 0; /* row and column gaps */
}

/* Column base styles */
.dropdown-menu2 ul{
    min-width: 220px; /* controls when wrapping happens */
}

.dropdown-menu2 li:first-child a{
    font-weight: bold;
    font-size: 1.2em;
}

#dropdownMainMenu ul li a {
    color: #828486;
}

#dropdownMainMenu .dropdown-title {
    color: #616363;
}

#dropdownMainMenu a.dropdown-title:focus {
    background:none;
}

nav .navbar-left {
    float: left;
}
nav .navbar-right {
    float: right;
}

nav ul li a {
    color: #777777;
    text-decoration: none;
}
nav ul li a:hover {
    color: black;
}

.dropdown-menu2 ul li:hover
{
    background: #e5e9f3;
}

/* On medium screens collapse to block (stacked) */
@media (max-width: 992px) {
    .dropdown-menu2{
        width: 100%;
        position: static !important;
        padding: 0.5rem 0;
    }
    .dropdown-menu2.show{
        display: block;
    }
}

@media (max-width: 670px) {
    .dropdown-menu .dropdown-title{
        font-size: 0.8em !important;
    }

    .dropdown-menu .submenu{
        font-size: 0.8em;
    }
}