#menu-icon visible on hover, design tweaks

Fixed the page ids to reflect the page it sits on.

changed the media queries to max-width of 700px

changed the media query for the section element to be positioned evenly
below the fixed positioned header.

Added some (experimental) styles to the mobile hover nav text (pottery
barn font)

Added z-indexes to all elements affected by the mobile nav, which will
appear over other elements on every device 700px and below.

commented out conflicting and seemingly unnecessary code

and a few more tweaks.
added a few absolute positions to the mob-nav-bar tree