Reduce Footer Width / Spacing

I have a 4 widget footer and I feel the footer content is too stretched out, with large gaps between each widget section. I would like to squeeze the content closer together, with something like a 10% left/right margin outside the widget boxes. What’s the best way to accomplish this and still keep everything centered? I’ve tried changing various margins and div widths and can’t get it quite right. Closest I got was reducing col-md-3 width to 20% from 25%, but could not get it centered down the middle of the page correctly.

The footer height/width itself is fine, just would like to get the 4 divs tighter together, so that they are about 80% width of the main site content above. Even better would be 15% 15% 15% 35% so that the text in the first 3 boxes is nice and tight, and I have a larger 4th box with lots of room for an email sign up form and social media icons.