title: Need the footer to stay below the content when the page is resized
body: <p>I apologize in advance for this might be a re-post, However I have tried solutions in numerous threads without finding a solution to my problem.</p>
  
  <p>You can see my files in the following link.</p>
  
  <p><a href="https://www.dropbox.com/sh/ovom8y01p16iqri/AADtBbLW5aYmANsy7R_3x_Vga" rel="nofollow">https://www.dropbox.com/sh/ovom8y01p16iqri/AADtBbLW5aYmANsy7R_3x_Vga</a></p>
  
  <p>The problem is when I re-size the webpage becomes longer but my footer stays in place.
  I have added two media queries as well I need the footer to stay at the bottom in those as well.</p>
  
  <p>I would really appreciate any help that you all can give.</p>
  
  <p>Thanks
  Amit</p>
  
  <p>edit:</p>
  
  <p>Thanks I really do appreciate all the help. Though I have not been able to move forward with this.</p>
  
  <p>Whenever I try and apply the solutions to my page the footer either goes to the top of the page or gets stuck in the middle.</p>
  
  <p>I think I might be doing something wrong. All my files are in this drop-box.</p>
  
  <p><a href="https://www.dropbox.com/sh/ovom8y01p16iqri/AADtBbLW5aYmANsy7R_3x_Vga" rel="nofollow">https://www.dropbox.com/sh/ovom8y01p16iqri/AADtBbLW5aYmANsy7R_3x_Vga</a></p>
  
  <p>Thanks Again</p>
  
  <p>Amit</p>