Slider problems in relation to other content

Hi - I have had valuable help in getting several 960 x 540 px images into a slider that I wish to have on my home page. After achieving this, I have then placed a dummy header and footer below the slider to test responsiveness but am running into problems with the text hiding behind the slider when reducing viewports. I’m hoping someone may be able to help me and any suggestions or assistance would be appreciated. Thanks in advance.
The link follows:

Weblow read-only: