Reducing padding on top

Site URL: https://www.poutacreative.fi/

On mobile there's too much padding (or margin) between logo and image below. How could I reduce the gap?

You can try this and maybe remove the transparent bottom of your logo too

.page-section.vertical-alignment--top:not(.content-collection):not(.gallery-section):not(.section-height--custom)>.content-wrapper {
	padding-top: 0;
}

this should work:

DESIGN > CUSTOM CSS

so it only affects the mobile version

@media only screen and (max-width: 640px)
{ #block-b5274f1f6f1aad5a15fd
{top: -30px !important }}

feel free to change the number "-30"

if not, try

margin-top: -30px

Thanks for help, now it's perfect!