Huddle Landing Page! Designed with responsive sizes

Designed in part with Bootstrap. On mobile and table view, the design is the mobile one. On desktop (>992 px) the design corresponds to desktop one.

I had the following issues, that couldn't solve:

1. Background image in some desktops heights doesn't go all the way down and get cut in the middle.
2. On the other hand, when the desktop width in not that large (around 1000px), the background image occupies a large height and the footer ends early. My intention was to do a one pager that always look aproximately the same in all desktop sizes.

Any idea how can I solve this issues?

PD: learnt a lot about responsive desing doing this website.