update media query for max width of 480ish px

added a header hotfix to fix the big gap between header and background
-updated corresponding 'expanded' blog html docs with the ID tag

NOTE:
-there is a slight change of where the nav bar lies... I'll try to figure out to get them exactly even... lots of things I've tried haven't quite worked yet haha
#trialanderror