Remove header and footer on a single page from the Brine family templates - 7.0

Site URL: https://www.lees-onlife.com/

I am able to remove the header using the following CSS code:

<style> header (collection id), 

{display: none};

<style>

I am not able to remove the footer, because there are only blocks displaying on the page for the footer. Looking for some help to remove the footer (blocks). I am creating a landing/sales page. 

Why don't you use the built in landing/cover page option that comes with 7.0.? It is one of the advantages that 7.0 has over 7.1. I have one (and you can have more than one) on my site: my random views.

https://support.squarespace.com/hc/en-us/articles/206543377-Cover-pages-in-version-7-0

If you still want to use a normal page this is the css code you put in advanced page setting for that page:

7.0

<style>
.Header, .Footer, .Mobile-bar {
display:none !important;
}
</style>

Thank you Derrick! 

I have used the Cover Page before and it worked, but I was exploring using a page format as well. Thank you for your rapid response and the css code. 

It's immensely appreciated.