Responsive settings

I have used Portal on this site: http://christinehowitt.info
and have hacked the CSS to get the header/menu as the client wanted. But they are not altogether happy with how it adjusts to iPad and iPhone.
On the iPad the menu goes on to 2 lines, and is a mess really.
On the iPhone the main body of the page is squashed to the left side – I wonder if this is because the image I am using for the logo is wider than it should be?
Any advice welcome, though I appreciate you won’t want to get into the details of my customisations.

cheers
AJ