Removing footer BG from other divs.

_sass/my.scss

@@ -55,7 +55,7 @@ a, a.nav-link {
 }
 .big-banner {
   @extend .p-2;
-  background-color: var(--footer-bg);
+  background-color: var(--card-bg);
 }
 .bullet-hash {
   &:before {
@@ -71,7 +71,6 @@ a, a.nav-link {
 }
 .bar-secondary {
   @extend .p-2, .rounded, .text-center, .text-muted, .small;
-  background-color: var(--footer-bg);
 }
 
 // Header ----------------------------------------------------------------------
@@ -90,7 +89,6 @@ nav.navbar {
 // Posts --------------------------------------------------------------------------------
 .article-header {
   @extend .col-md-8, .offset-md-2, .p-4, .rounded;
-  background-color: var(--footer-bg);
 
   img {
     @extend .mt-2, .rounded, .w-100;
@@ -217,8 +215,7 @@ div.article-footer {
 }
 footer {
   @extend .p-4;
-  background-color: var(--footer-bg);
-  margin-top: 2.5rem;
+  margin-top: 5rem;
 }
 a.social-nav {
   @extend .nav-link, .text-dark;