Hide footer on certain pages / reducing the footer?

Site URL: https://www.uswtop-upphotography.com/

Hi there,

Im looking to remove the footer just from this specific page:

https://uswtop-upphotography.squarespace.com/introduction

And also this page as-well as taking away the excess footer so theres no scrolling? :

https://www.uswtop-upphotography.com/publication

Thank you for all your help, I hope this made sense! 

Lewis

Just to add i'm also looking to reduce the size of the footer logo just for mobile as its giant!

Add to Design > Custom CSS

/* Introduction-Publication remove footer */
body#collection-60d237379d2f1055439023f3, body#collection-60c75aa40ce22a0ec2d1c819 { footer.sections {
    display: none;
}}
/* Resize footer mobile logo */
@media screen and (max-width:767px) {
footer.sections .image-block {
    width: 30%;
    margin: 0 auto;
}
}