Fixed resizing the page to "medium" size breaks header

Simply made the paddings on nav items and the search box smaller on medium pages.
Renamed some elements/classes in HTML for consistency.

Fixes #8
Reorganized main.css and added comments
Added slash to end of URL in navbar