Make styles more responsive

assets/styles/mix-twbs.scss

@@ -41,7 +41,7 @@
     position: fixed;
     width: 100%;
     min-height: 35vh;
-    height: 350px;
+    height: 72ex;
     background-repeat: no-repeat;
     background-size: cover;
     background-position: center center;
@@ -58,12 +58,6 @@
     padding-top: 1rem;
   }
 
-  footer {
-    position: fixed;
-    bottom: 0;
-    width: 100%;
-  }
-
   .footer-contents {
     position: relative;
     background-color: $gray-200;

layouts/_default/baseof.html

@@ -104,7 +104,7 @@
               </div>
             </section>
           {{ end }}
-          <footer>
+          <footer class="fixed-bottom">
             <div class="container-fluid footer-contents">
               {{ $brandedbull := resources.Get "images/brandedbull.png" }}
               {{ $brandedbullsmall := $brandedbull.Resize "x95" }}