Another re-re-re design! The waste paper basket is full...!
All comments appreciated but my main issue here is trying to make the menu the same relative height when the page is resized. I have the menu as position: relative and top: 20% but when the page is shrunk the menu gets lower and lower in relation to the background image. I expected it ro remain 20% from the top.
The parent is body which has a height of 100% as does the html.
(I know I have to put media queries in to shrink the menu with the page.)
Thanks for reading.