How do I make my footer background image stretch and be responsive?

Currently, my website's footer does not stretch or flex to work with different screen sizes. If the screan is too wide it cuts off. If the screen is too small it also cuts off.

#main-footer {
background-color: #fff;
background-repeat: no-repeat;
}

Any ideas with how to fix this?

directiveconsulting.com