made sure contact page validated html.
you didn't create a one-half class yet.
If you have objects floating left, you need to clear left or else you end up with craziness of footer overlapping. Usually fine to just go with `clear: both;` unless you have strong reason why not.
Your header spacing was different on index because you explictly set h1 to have  for your h1 only.
Nice to have a .wrapper helper class that you wrap the all of your content. The max-width keeps the text readable and the `margin: 0 auto;` trick will center this wrapper within the browser window.
weird that this flaot would cause that text overlap issue, but it did.
Did some cleanup and made your photos full width when on phones for the about page.
your side-by-side contact stuff should go to full-width on phones to be usable.
Merge pull request #2 from gotoplanb/master

fixes from you email questions