Add new layout to the hearing page

Makes the hearing page layout use a combination of fixed and fluid
columns and uses the real pixel widths from the designs.
Only implements the desktop layout.
Tablet and mobile layouts are still missing.
Add new brand colors
Use new colors and styles