Help with responsive CSS Theme

I have a responsive parallax theme on my site here:

Each of the sections (black, white, etc) are individual widget areas with simple text widgets for the content.
Everything looks good on full screen, but when scaled down, The boundaries from the 2nd Widget area (WHITE) jumps up and overtakes content from Widget area 1 (BLACK) ie. covering the button as you can see from the attached screen shots.

I've attached some screen shots and my style.css (txt) in the next post - if you could help me figure out how to fix this, i'd be grateful!