Reduce Section Padding between first section & header

Site URL: https://www.jonathanong.com/home-page-melbourne-wedding

https://www.jonathanong.com/home-page-melbourne-wedding

I'm trying to reduce the section padding between the Header Logo and the section text "Wedding Photographer in Melbourne". Currently it's at 10, which is the lowest I can reduce it to. Can someone help please?

Add to Home > Design > Custom CSS

@media screen and (min-width:768px) {
body#collection-5fce0aed920f47545bb9d397 #page section:first-child {
    padding-top: 100px !important;
}
}

@tuanphan

thanks but that seem to completely make the text disappear

i've changed the colour so you can see the sections (when it's completed the sections will have the same colour so it will seem seamless

basically i want the text "Wedding photographer in Melbourne" to be as close to the logo as possible.

And also the slideshow to be closer and have less padding to the "Wedding photographer in Melbourne" section

thanks in advance @tuanphan

You can adjust 100 to another number