two-column submenu

Though it’s a place for asking questions, I thought I’d share a solution I found for my problem: breaking a long submenu into two columns. Here’s what worked for me:

@media (min-width: 1000px) {
.submenu-columns>ul {
    width:50rem;
    }
.submenu-columns>ul>li {
    width:50%;
    float:left;
    }
.submenu-columns>ul>li a {
    width:100%;
    }
.submenu-columns.odd>ul>li:last-child {
    width:100%;
    }
}

The page I need help with: [log in to see the link]