header img as div bg for accurate sizing

via QA: "Homepage/Article story page: Main article image needs to
scaled down as browser scales, while maintaining height"
styles for accurate header img height

via QA: "Homepage/Article story page: Main article image needs to
scaled down as browser scales, while maintaining height"
adjusting mobile nav styles

added query for iphone 5 landscape