title: Trouble getting the footer to stay at the bottom of the page
body: <p>Having big problems getting the footer to stay at the bottom of the page.</p>
  
  <p>I've decided to add the code to pastebin:</p>
  
  <p>This is the css: <a href="http://pastebin.com/uf2c7jLX" rel="nofollow noreferrer">http://pastebin.com/uf2c7jLX</a></p>
  
  <p>This is one of the pages: <a href="http://pastebin.com/qpwz22us" rel="nofollow noreferrer">http://pastebin.com/qpwz22us</a></p>
  
  <p>The problem is consistant throught the site. What am I doing wrong?</p>
  
  <p>For example, sometimes this happens, some content is hidden by the footer:</p>
  
  <p><img src="https://i.stack.imgur.com/BxdNN.png" alt="enter image description here"></p>
  
  <p><img src="https://i.stack.imgur.com/y7kQZ.png" alt="enter image description here"></p>
  
  <p>There is a huge gap between the bottom of the browser view and footer. The image above also shows that the footer is overlaping the content.</p>
  
  <p>About the edit: The second is not what I want either. There is a huge gap between the footer and the bottom of the browser. I want the footer to be at the bottom and if the content is so long that you have to scroll then the footer should not be visible until you reach the bottom of the page. Thank you :)</p>