adapt this from one of the examples in the starter-template, with one twist: we use a media query for browsers with less than 980px width to fix an issue where the navbar is pushed too far down on mobile browsers.