Need Help Fixing LARGE Space in Sections when going sx mobile to sl devices

My url I am having trouble with is http://bruceoliverministries.com/bootstrap/consultant.html

This is a temporary address... Could someone please make a short video or screen views of what I need to do step by step to fix this.

I am learning about @media and am VERY VERY Green ..

Your help is so much appreciated. Bruceo

Oh this looks pretty good in xs but when in xl very poor. sorry I did not mention this.. thank you so much. bruceo

Title should have read Need Help Fixing LARGE Space in Sections when going XS mobile to XL devices .. sorry for the confusion.. bruceo

Looks like your problem lies with the last section before the footer

You have a paragraph with a margin set to - style="margin-top:987px;"

If you remove this margin, the wasted space moves up and fixes the large gap you had