Contact Navigation Menu Item falling far below nav when browser size is reduced

Hello there – On this site: http://prajnalivingawake.org/

The “contact” navigation menu Item is falling far below nav when browser size is reduced (before the mobile menu appears) for small laptops because it is the last item in the menu on the right side. How to fix with CSS or…?

Perhaps a related issue:

When someone on a smaller laptop is on the calendar page (http://prajnalivingawake.org/events/) and they click on “View As” it activates the menu item above instead of changing the view options. I believe this is because the menu items have the 160 pixel height. You can tell because when you move the mouse downwards about 160 pixels, you can the right link.

I see in Firebug that the line-height for menu items is set to 160px. I tried to isolate the right CSS to fix this in a way that would not affect the entire header area, but I couldn’t find the right declaration. What CSS do I need to decrease the height on menu items to fix both of these issues?

Thank you for your assistance.