Cleaner footer and image loading in div not body

cc @mmlkrx @amyrjohnson 

Changes are:
* Restructured the footer from the ground up making it much simpler. 
  * The bootstrap was making it more complicated than it needed to be so it is now a cleaner collection of divs with associated CSS that is easy to read, 
  * It uses best practices on CSS order and naming, and even a little Sass. 
* Because the image is loading in a div and not as the body background I was able to move the `<head>` to the application layout where it should be.

I have already uploaded these changes to to Heroku.