Background div not taking the full height of the parent

Hi there!
I’m trying to make the background div go all the way down the bottom of the page but its not working anymore.
I have 2 divs inside another div that is inside a page wrapper. All these have a 100% height set up but I can’t seem to make it grow to the full page height.
Ideally, the colored bg grows with the page as it populates with content.
Any ideas of what I might be doing wrong?

Read only link: here

Here is my site Read-Only: LINK
(how to share your site Read-Only link)