Fix an issue with menu item layout at small screen sizes

A recent change to our menu structure introduced a bug whereby menu items appeared inline instead of stacked at mobile and tablet sizes. This specifies the correct layouts and moves the @media block to the end of the overrides stylesheet in hopes of avoiding further style collisions.