Website design guidelines

Header and footer

Header size

The header height has been optimised for widescreen and mobile layout.

Header widescreen (above 768px)

The orange bar is included within the total header height:

Header mobile (above 320px)

The orange bar is hidden and the total header height is reduced: