removing space white space above footer and prefooter

Hi -

I've been searching high and low for custom code/help in removing a slice of white space right above my prefooter and footer in Hayden Template site. I stumbled across some code from Lindsey Hazel, posted a year ago, and toggled with the px values in padding and min-height and no such luck. Unfortunately I don't know a ton of code so I usually delete/add values until something breaks and then delete and start over in a trial and error approach. Really hoping someone can help out. Here's a link to the site I'm working on: https://www.srnalytics.com

This is the code provided by Lindsey Hazel (https://www.lindseyhazel.com/blog/hide-header-footer-squarespace):

<style>#header {
     display: none !important;
   }
 #preFooter {
     display: none !important;
   }
 #footer {
     display: none !important;
   }
 #page {
   width: 100% !important;
   min-height: 700px !important;
   padding:20px !important;
 margin: 0px !important;
 max-width: 100% !important;
 }</style>

My abbreviated code looks like this, as I want to keep the header and footer,  but honestly remove the prefooter and hopefully the white space at the bottom too:

<style>#preFooter {
     display: none !important;
   }
 #page {
   width: 100% !important;
   min-height: 0px !important;
   padding:0px !important;
 margin: 0px !important;
 max-width: 100% !important;
 }</style>

Can you take screenshot of "white space"?