Change color below footer using CSS

Hello,

I am trying to change the dark grey background color of the footer and the part below. I have succeeded, but partly only, because the part below the footer still has the right and left sides grey, while the rest does have the dark blue color I want there.

Here are the codes I have been using and trying:

****

#footer {
background: #031633;}

.colophon > div  {
background: #031633;}

#colophon {
background: #031633;}

/*the ones below didn't work nor help */

/* div#colophon.colophon {
background: #031633;} */

/* #colophon .colophon #footer_colophon {
background-color: #031633;}*/

/*  #footer.footer__wrapper {
background-color: #031633;} */

/*  #footer-widget-area  > div .row {
background-color: #031633;} */

/*  #colophon .colophon > div #footer_colophon {
background-color: #ff0000;} */

****

I can’t share the link to the website, because it is on private mode. However with the above information, someone more keen than I am with CSS could perhaps help me with that.