Footer Background Image

I am not having much luck in trying to add a responsive #site-footer image background similar to the #site-header. How would I go about adding this to function like the header? The css should be the same as the header as I haven't modified the #site-header css other than the max-height. Thank you.