Improve grouping of masthead and footer divs

Created by: khawkins98

Separate global and local masthead so that the local masthead can be updated independently or along with div#content.

A similar issue exists for the local footer and global footer both being inside <footer>

This is of particular use for things like Angular and React.