Rationalize media queries down to four sizes

[bakert]

When adding the new menu I added media queries that suited the menu without too much reference to what exists already. Let's declare four actual sizes we're going to support and make everything work in all of them. We can use some css vars to clean this up.