footer page fixes

scss/layout/_footer.scss

@@ -1,6 +1,6 @@
 .footer {
-    border-top: 1px solid;
-    background-color: $footer-bg;
-    border-color: $footer-border-color;
-    padding: 0.75rem;
+  border-top: 1px solid $footer-border-color;
+  background-color: $footer-bg;
+  padding: 1rem 0;
+  color: $text-muted;
 }

scss/layout/_page.scss

@@ -2,15 +2,18 @@
   display: flex;
   flex-direction: column;
   position: relative;
+  min-height: 100vh;
 }
 
 .content {
   padding-top: 1.25rem;
   padding-bottom: 1.25rem;
+  flex: 1;
+  display: flex;
+  flex-direction: column;
 
-  @include media-breakpoint-up(xl) {
-    padding-left: .5rem;
-    padding-right: .5rem;
+  >[class*="container"] {
+    flex: 1;
   }
 
   @media print {