Fix CSS that causes the bottom of some pages to be blue (#416)

* Fix section at the bottom of the page that turned light blue on smaller
pages.

* Fix spacing issue between footer and main content


Co-authored-by: spokenbird <agonzalez@codeforamerica.org>

src/main/resources/static/assets/css/custom.css

@@ -7,10 +7,16 @@
   --dark-grey: #121111;
 }
 
-body {
+html,
+body,
+.slab--off-white {
   background-color: var(--light);
 }
 
+body {
+  margin-bottom: 0;
+}
+
 .subflow-list__item-actions {
   margin-left: 3rem;
   font-size: 16px;
@@ -348,16 +354,6 @@ input[type="number"] {
   background-color: var(--primary);
 }
 
-.main-footer-la {
-  position: absolute;
-  left: 0%;
-  right: 0%;
-  top: 0%;
-  bottom: 0%;
-
-  background: #00284D;
-}
-
 .center {
   display: block;
   margin-left: auto !important;
@@ -439,7 +435,7 @@ p.grey-text {
 }
 
 .page-wrapper {
-  padding-bottom: 140px;
+  padding-bottom: 0;
 }
 
 .clipboard-icon {
@@ -457,4 +453,11 @@ p.grey-text {
 
 button.button.button--secondary{
   margin-left: 0;
-}
+}
+
+.main-footer {
+  position: static;
+}
+
+
+