title: Text over Image CSS
body: <p>I'm currently having issues with some CSS/HTML code.</p>
  
  <p><a href="http://codepen.io/anon/pen/bgHGn" rel="nofollow">http://codepen.io/anon/pen/bgHGn</a></p>
  
  <p>I've got the background of the page in a div (feature-bg) this is to fill the entire page. The content then scrolls up from the bottom but that's irrelevant. </p>
  
  <p>I'm having issues trying to get the largeheader to be displayed in the middle of the page (regardless of resolution/window size) and stick to the background so that when the user scrolls, the content covers it?</p>
  
  <p>I'm not sure if that makes any sense or is even possible. </p>
  
  <p>Thanks!</p>