add flex boxes

![image](https://cloud.githubusercontent.com/assets/2095625/4955392/f8781214-6694-11e4-88a4-99e7eec63649.png)

Should this be classed out to something like `.flex-box .box-title` or something more flexible?