CSS Responsive Design issue with widgets in the footer

Having a strange issue with this recently redesigned restaurant site. When you look at it in Desktop mode (any display over 1040px in width), you get four widgets all in a row. Great. But take it down to anything below 899px. Now there’s a problem. It appears as one column of four widgets. I’m trying to get it to be 2 columns of two. Which should be 520px width. I seem to have my floats set properly and the same with my widths. So why the issue and what’s the fix?