Decreasing blank space between logo/menu and banner image on mobile view

Site URL: https://www.naamnom.com

I want to decrease the amount of blank white space below the logo/menu on mobile view but don't see a way to change this. Any ideas?

Add to Home > Design > Custom CSS

@media screen and (max-width:640px) {
div#pageWrapper {
    padding-top: 0 !important;
}
div#headerWrapper {
    padding-bottom: 0;
}
}

Thank you @tuanphan! That's much better! Do you know if there's a way to make it even less?