Space between header and content

Hello there, I am not a newbie to CSS but I am definitely no professional either. I’m working on a friend’s blog for their tattoo shop and I have pretty much everything down except for their bios and stuff. I need assistance with closing that gap between the header and the body, I guess that’s what it’s called. The site is https://www.dream-city-tattoos.com if you click on any of the menu items you can see the page changes but anyone who doesn’t scroll down wont know the page has changed. You have to scroll to see any text or images. I want to close that gap some so at least the title of the page or even some the profile pics on the page are visible enough to let the reader know they have to scroll down.