Adaptive layout elements on full width content templates

http://blfriedman.com/connect/

I am using the template “Landing Page”. I would like the two blocks of bulleted items to be next to each other when on a wide screen, but stack on each other when the screen is narrower, such as mobile.

I can place the elements in divs and float them, but what’s the best way to maintain a design similar to how the portfolio looks, with the masonry tiles, that reposition based on screen width, for this template?

Is there a class I can use, like “row-fluid” to tell my content that it is adaptive?