Header lab
The banner, on its own
Nothing else on this page is designed. Scroll to see the banner stay put and condense. The rows are the production header markup, restyled in CSS only.
Scroll past this
The masthead should keep the crest, the school name, the menu and the way in on screen at every width.
And this
The utility strip carries the phone, the email and the Community Zone on navy.
Still here
Neither row is allowed to disappear at any zoom level.
End of the lab
Once the banner is right it carries over to the homepage automatically, because both templates share the same header file.