If you use the media functions, make sure you choose alignment none for the content inside the .one-fourth. Notice the added class on the divs, the additional wrapper (open and closing) and the break-point.
This uses inline-block. Flexbox is better, but even in IE11 it’s buggy: http://caniuse.com/#search=flex. Naturally, it's IE!