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

Всем привет
я дизайнер и решил сделать себе портфолио в нем очень простая  структура - всего несколько страниц (пока что готова только главная)
изучаю 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;} 
и добавить паддинг топ то вобще ничего не меняется