I wanted to keep the header in a fixed position but now it cuts the top off the page content

Site URL: https://www.carolinehainescoaching.com/blog

I'm using a Brine template & I have used this CSS code to fix the position of the header:

header {
position: fixed;
 width: 100%;
z-index: 4;
}

But now the top of the content on every page is cut off. Is there another bit of code I can use to put a space in the top of each page? Or can I change the header code to account for this? I'm completely stuck.

Thanks for any help! Caroline

Remove above & use this code

header.Header {
    position: sticky;
    z-index: 9999;
    width: 100%;
    top: 0px;
}