title: How to have a div always fill the viewport (fully responsive) with content immediately following it?
body: <p>I have found this website:</p>
  
  <p><a href="http://tocka.co/" rel="nofollow">http://tocka.co/</a></p>
  
  <p>When you load it up, you will see the red background with the text inside. This takes up your entire screen and then you can scroll down. Try resizing your browser...this div will always fill it up and allow you to scroll down to content that immediately follows it.</p>
  
  <p>I'm wanting to achieve the same effect. Any ideas on what the best way to go about achieving this would be? I'm assuming some Javascript would be involved?</p>
  
  <p>Thanks alot.</p>