What do you mean, the column doesn't "respond"?
Also, you curse responsive design but your layout definition would conflict with most responsive frameworks (e.g. bootstrap) so that probably has something to do with it.
Responsive design will only work with fixed layouts. Freestyle works by explicitly setting widths and absolute positioning, so responsive design doesn't have a chance in ****.With fixed layouts, the size+positioning attributes of the components are ignored. When you write your layout.xml, do NOT specify any widths. Instead, use css-class and/or html-id attributes on your layout elements, and handle everything through CSS.