Using CSS, is it possible to adjust the positioning, sizing of regions and grid classes at various breakpoints? For instance - at a 960 (normal) layout, I want 2 sidebars inline with the content, but at a smaller 720 layout, I instead want only 1 sidebar beside the content, and the 2nd to shift down below both items.

Is it possible to accomplished with just CSS?