This is my first time on css-tricks so bear with me.
This white space you are experiencing is due to the inherit css on the h2 tag. You can remove the white space between the header and the content by setting the top margin of the h2 to 0px. Also, if you don’t want the heading to flush against your nav bar. You can add padding to the top of the h2. The css below will solve your problem.