title: Resize Background Image according to browser height
body: <p>How does one accomplish a hero-unit similar to this: <a href="http://tribalmedia.co.uk/" rel="nofollow"><a href="http://tribalmedia.co.uk/" rel="nofollow">http://tribalmedia.co.uk/</a></a></p>
  
  <p>I'm curious more than anything as to how this was created. As far I can tell it's more than likely some JS that's applying a min-height percentage value to the class depending on browser height.</p>
  
  <p><strong>EDIT:</strong> Try resizing your browser height and you'll see the min-height property is being changed.</p>
  
  <p>Any input would be greatly appreciated!</p>