Верстка простого сайта

Нужно сверстать адаптивный макет в html+css. Чистый код, без фреймворков!

Дизайн сделан в PSD формате с красным примечанием и разделением по блокам. 

Обязательно будет проверено отображение сайта в Opera, Firefox, Explorer и Chrome. Так же проверю на android и iphone в популярных браузерах.

Загрузка сайта не должна быть долгой. 

Каждый блок (помечен цифрами на скриншоте) должен быть сверстан как отдельным элемент section, который можно будет легко переносить в любое место сайта или дублировать.

Весь текст на макете должен оставаться текстом!

Минимальный размер сжатия 320 px по ширине, максимальный размер 978 px (свыше сайт просто центруется, а фон если есть встраивается)

Уточнение по блокам:

4.1 - показано как должен выглядеть адаптивный блок 4

7.1 - показано как должен выглядеть адаптивный блок 7 при меньше 900px

7.2 - показано как должен выглядеть адаптивный блок 7 при меньше 600px

8.1 - показано как должен выглядеть адаптивный блок 8 при меньше 600px

10.1 - показано как должен выглядеть адаптивный блок 8 при меньше 600px

PSD макет прикреплю исполнителю.