Есть задача построить фот такую штуку

По моей логике это можно сделать как блоки с текстом и левым присваивать :after ,а правым :before и их стилизовать кк ромбики с иконками. Но вопрос стоит, как их выровнять, при этом чтобы нормально работал responsiv, т.е. на мобильных устройствах нормально отображалось. Использую сетку twitter bootstrap.
Подкиньте идею ибо коллективное мышление продуктивней)
Спасибо)