Make footer appear at bottom of site or viewport. Closes #37.

biscuit/core/static/css/style.css

 html {
-  position: relative;
   min-height: 100%;
 }
 
-.footer {
-  width: 100%;
+body {
+  min-height: 100%;
+  display: flex;
+  flex-direction: column;
 }
 
-body > .container {
+main {
   padding: 60px 15px 0;
 }
 
-.footer > .container {
+footer {
+  width: 100%;
+  margin-top: auto;
+}
+
+footer > .container {
   padding-right: 15px;
   padding-left: 15px;
+  width: 100%;
 }
 
 img.person-img {

biscuit/core/templates/core/base.html

@@ -43,7 +43,7 @@
 
   {% block content %}{% endblock %}
  </main>
- <footer class="footer text-dark bg-light">
+ <footer class="footer text-dark bg-light mt-auto">
   <div class="container-fluid">
    <div class="row text-center text-xs-center text-sm-left text-md-left text-dark">
     {% with menu=FOOTER_MENU_CORE %}{% include "footer-menu.html" %}{% endwith %}