OK, another CSS headache for me. I need to understand why there is a small gap between the header and the pink background text (when the screen is > 800px wide).
When it is narrower, I rejig the header to use another image for AC Wilgar, and this produces a gap top and bottom of that image. Why?
Another thing, when I inspect the <a> for the Wilgar ad, it indicates it is only a fraction of the height of the image, but the link works over the whole image.
I have tested in Edge and the latest Chrome.
Here's the jsfiddle: https://jsfiddle.net/jc4m4smb/
Thanks for looking.