CSS: economise on selectors
CSS: <h> tags: override default bold
CSS: remove bullets from lists
CSS: centre <h1> to <header> width

- <header> a touch wider: allow for centring
- slightly looser tracking: make <h1> wider
CSS: move mid-point

To account for new header width & resulting <h1> move
CSS: Header width

- slightly wider than width of title text to allow for centring
- fixed units, not relative: to contain centred h1 & inline <nav> <li>s
CSS: Header, vertical align optically

- midpoint slightly off centre to left: between centre and  golden ratio
CSS: header, vertical rhythm

- bottom of text aligns to baseline of 28px
CSS, header - tighten <li> tracking

- darken colour
- reduce width
CSS: header, <li> in two rows

- inline-block within set-width <header> forces 2 rows without using
floats or positioning
CSS: header, <li> spacing

- all li width:auto, so padding absolute dims
- negative left margin on <ul> == <li> left-padding: to align both rows
on left edge
- last <li> extra padding to align right edge to row above