title: Section after Header is aligned with Header?
body: <p>Creating a mockup quick for a WP theme I'm working on a single page for, and I'm not certain what's occurring here. I've seen suggestions when using <code>absolute</code> or <code>fixed</code> positions to set a <code>margin-top</code> equal to the header, but the header is moving WITH the section styling as if its inheriting somewhere. </p>
  
  <p>Inspecting and not seeing the cause. JSFiddle here: <a href="https://jsfiddle.net/je53s6hk/" rel="nofollow noreferrer">https://jsfiddle.net/je53s6hk/</a></p>
  
  <p><a href="https://i.stack.imgur.com/WDQvb.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/WDQvb.png" alt="enter image description here"></a></p>