Changing container transparency with unwanted side-effect

Hi there,

If I change the white container(am i using the right word?) to semi-transparent there is also changing something else.

This is what I’ve done:

/* 3.3 Page structure */
.site {
padding: 0 24px;
padding: 0 1.714285714rem;
background-color: #fff;

change background color -> .site {
background-color: rgba(255, 255, 255, 0.8);
}

Now the container is a bit transparent. But also the Page titles at the top of the page, moves a bit upwards so it’s getting pretty close (too close) to the header image.

Hopefully anyone can tell me how to fix this?

Yours,
Maarten

this is the site I’m working on: https://www.narox.nl