Fixes #410 - On a 320px screen the menu would wrap.  This fix hides teh 'search' text and just shows the icon for those screens.  It also makes the search text a little bit bigger
Merge pull request #411 from PaulKinlan/searchbutton

Fixes #410 - On a 320px screen the menu would wrap.
Issue #398 - Clear up CSS
Clearing up the unused CSS for the refactor later on. These make it a lot harder to refactor so it makes sense to clear up now as they have not been used in a long time
Moving media queries closer
Fixing merge
Issue #398 - moving all media queries to the end of the file
Issue #398 - moving all media queries to the end of the file - part 2
Issue #398 - moving all media queries to the end of the file - part 3
Issue #398 - moving all media queries to the end of the file - starting the refactor and collapsing styles
Issue #398 - moving all media queries to the end of the file - removing backgrounds and rounded corners for all but the largest res
Issue #398 - moving all media queries to the end of the file - removing shadow and refactoring when the search menu kicks in
Issue #398 - moving all media queries to the end of the file - compressing space on the top
Issue #398 - moving all media queries to the end of the file - removing the 550px breakpoint.  There is one at 600px and I can't tell the difference
Issue #398 - moving all media queries to the end of the file - re-ordering to make a bit more sense.
Issue #398 - moving all media queries to the end of the file - adding consistency to the header bar, making sure it never goes over one line.
Issue #398 - small cahnges
Issue #398 - Fixing TOC... again
Fixes #417 - removes html5 badge from article templates
Issue #398 - making the header padding consistent across breakpoints
Issue #398 - making the byline not wrap