Нужна помощь с версткой (мелочь по сути)

[storer]

Всем привет!

Второй день пытаюсь решить одну задачку, никак не выходит.

Нужно блоки расположить по центру. И чтобы на устройствах с разным разрешением эти блоки оставались по середине - на больших разрешениях горизонтально и по центру (или растягивались на всю ширину), на мелких экранах вертикально и по центру.

Что мог я сделал, но это уже выше моих познаний в этом деле. Надеюсь знающие люди подскажут, как решить вопрос.

Вот здесь и HTML и CSS:

http://jsbin.com/mawefoxomi/1/edit?html,css,output

 

[storer]

Всем спасибо за помощь. Вопрос решен.