Footer Widget Widths

Hello,

I have three widgets in the footer. I was hoping to make the first two 25% of the width and the last widget 50% of the width (or something relative to that). I cannot force the custom css to do this thought. I’ve tried different combinations of the following code:

#footer-widgets .widget {width: 20%;}

#footer-widgets .widget-last {width: 50%; }

but all three widgets are taking on the 20%. What can I use to force the last widget into a larger size?

Thanks!

URL: http://ritchieschool.staging.wpengine.com