wrap narrow.scss styles in @media query

Mostly indentation changes. It's now safe to always
load the narrow stylesheet.
hide account name via @media query CSS
refactor: use threshold variable
set narrow threshold to 700px
set narrow threshold to 700px
hide logo on narrow screens via @media query