Hiding footer from mobile on one page only?

Site URL: https://www.sausboston.com/

Hello everyone! 
I am trying to hide my footer from my home page, only on mobile view. Is anyone familar with doing this?

I tried adding the following code to the advanced section of the Page Settings, but that hid it from both mobile and desktop.

<style>
.header, #footer-sections {
display:none !important; 
}
</style>

Site: https://www.sausboston.com/
Login: chinreneetanya

Hi, add this to the Custom CSS instead of the code you've added to the header code injection:

#collection-625642d49113fa3f4bec03a5 {
  @media only screen and (min-width:750px) {
    .header, #footer-sections {
    display:none;
  }
 }
}