Adjust CSS breakpoints for better work at small sizes
Moved nav above content in markup

This is so that, at small sizes, we can morph the nav from
vertical to horizontal, at the top of the viewport.
Remove old, unused CSS