Stretching Header to All Resolutions

Hi there, I've implemented a banner image to my site found here however on different monitors and resolutions the banner appears to be a different size and is incredibly inconsistent. If anyone has any idea how to prevent this from happening and look the same as my screenshot that'd be fantastic

https://gyazo.com/39fb9de0227c13c0189407a6c5cc77e3

I had a block of code in my CSS which I'm guessing is what you mean here:

Media (min-width: 1025px) {

.layoutBoundary {

padding: 0 20px;

min-width: 1000;

max-width: 1400;

}

}.pageHeaderLogo {

display: block; top: inherit; text-align: center;}

I've removed this code and I haven't seen a change so potentially it has changed? The issue is I haven't got anyone to help me view it as of right now but it looks the same on my monitor. I'll keep checking but that's all I've got for now.

s

I've found it, was as simple as changing the header to 0 px height and 0 px width ahah, many thanks.