I am not sure why, but when I reduce the width of any page on this website, the footer content seems to get very messy. Is does not vertically align very well, logo images squash too much and widgets do not fall below each other when the naturally should.
Any ideas how I can fix this?
I think you are seeing the right thing. I would like the widgets to align centrally in a vertical fashion. Additionally, when reducing the width of the browser before the site turns responsive, the footer does not sit central?