Вопрос по верстке адаптивного портфолио

Всем привет
я дизайнер и решил сделать себе портфолио в нем очень простая  структура - всего несколько страниц (пока что готова только главная)
изучаю html и css всего пару дней поэтому решил обратиться к более опытным верстальщикам с просьбой посмотреть код - есть ли там какие-либо ошибки
ссылка
код для сетки взял с ссылка
и вопрос как сделать чтобы отступы между блоками по горизонтали были равны отступам по вертикали? (сейчас отступы по горизонтали 1.6% от ширины) 
еще не понимаю в чем следующие ошибки :

1.  Line 36, Column 14: Stray end tag adress. </adress>ссылка
   
2.  Line 37, Column 10: End tag div seen, but there were open elements. </div>ссылка
   
3.  Line 33, Column 55: Unclosed element address. <address title="contact info">

Ссылки поправьте.
Исправьте </adress> на </address>
Посмотрите ссылка

Спасибо!
еще вопрос -
как при такой структуре сайта ссылка сделать фиксированное меню сверху как к примеру здесь ссылка (разница в том что там сайт фиксированный а у меня нет)

т.е чтоб при уменьшении окна элементы хедера располагались друг под другом и при прокрутке оставались на одном месте слева вверху
я попробовал применить позишн фиксед к элементам хедераh1, #menu, address {

position: fixed;}но вот что получилось 
ссылка

они накладываются друг на друга
как сделать правильно?

tom6710, задайте padding-top вашему диву .section group

Сделал вместо 
h1, #menu, address {position: fixed;} 

header {position fixed;}

и добавил section паддинг топ 2em теперь при уменьшенном окне все так как хотел но сейчас почему-то оно стало выглядеть вот ссылка
съезжает в лево

если оставлять 
h1, #menu, address {position: fixed;} 
и добавить паддинг топ то вобще ничего не меняется