hide footer from page and get rid of the space it consumed - CSS

Hey all,

I need your help with CSS.
I'd like to remove the footer section completely only from one page. 

I've added css to hide the contents of the footer, which works:
 

#collection-633ccc097841872e8b279ad4
  footer.sections {
  	display: none !important;
  }

But, it leaves a blank space where the footer contents was. The section above has a backgrouynd image, but it doesn't go to the bottom of the screen because the footer section is still there.

I dont have a business plan, so this will need to be achieved in CSS only.

It's the /home page.

www.dustin.land/home
site password: SQtemp123

Thank you! 😊

thank you! This solved the issue!