Need to reduce whitespace between Index pages.

I am trying to reduce the white space between index pages on this page.

https://alpaca-magnolia-2nae.squarespace.com/

I tried reducing the padding in ssite tyles but this doesn't target the right area. I want to reduce the white space below the logos for example. As well as the white space between all index pages on the front page.

Can anyone advise how to custom code the css to do this?

Thanks

Try this code

.homepage .Index-page-content {
   padding-top: 20px;
   padding-bottom: 0;
}

i check your site you add spacer in bottom of the section pls check.

Thank you, that improves the spacing but messes up the banners.

No spacers in those areas. Thanks though.

There is no spacer below the logos. Is there any CSS that can change the spacing below?

I have a similar question. 

You can try this 

.sqs-block-horizontalrule { margin-top:-25px !important; margin-bottom:-25px !important; }

It works but for me in specific breaks my other code. Hopefully works for you!