Помогите сверстать нестандартное поведение [Решено]

Здравствуйте.

Необходимо сверстать немного нестандартное поведение блоков — без использования javascript и media-query.
Идея заключается в том, что блоки при малом разрешении экрана располагаются друг под другом и их содержимое находится по центру, но когда ширина экрана позволяет — блоки выстраиваются один за другим, например по 50% ширины.

Избил уже множество вариантов, адекватно получается это сделать только с помощью media-query.

Есть ли у кого какие-то идеи?