#burger {
    color: light-dark(var(--dark-grey), var(--white));
    margin: auto;
    max-width: 720px;
}
#nav-menu > ul {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
}
#nav-menu ul li {
    padding: 20px;
}
#nav-menu a {
    text-decoration: none;
    color: inherit;
    padding: 5px 10px;
}
#nav-menu ul li details ul {
    list-style: none;
    padding-left: 0;
}
#nav-menu a:hover {
    background: light-dark(var(--blue), var(--dark-gold));
    color: light-dark(var(--white), var(--black));
}



@media only screen and (max-width:1080px) {
    .left-menu, .right-menu {
        display: none;
    }
}
@media only screen and (min-width:1081px) {
    #burger {
        display: none;
    }
}