Remove padding under logo before rest of content

Hi. How do i remove the padding under the logo image?
I have inserted

div#logo {
padding: 0;

to remove padding above logo, but its still too much space below the logo.

Thank you.

I fixed it myself by adding

body.home .container.main-content-area {
margin-top: 20px;

Awesome great to see you got that fixed.

Please advise if you have more questions.

Have a fantastic day!