Layout fix for "hero" header image

Inconsistent default paragraph spacing across browsers and the "intro"
div's fixed height was causing inconsistent padding. It looked sloppy
and could conceivably lead to text being cut off in other browsers.
Edited the header's style to use relative height and re-cropped the
background image to buy additional height.