diff -u b/core/themes/bartik/css/colors.css b/core/themes/bartik/css/colors.css
--- b/core/themes/bartik/css/colors.css
+++ b/core/themes/bartik/css/colors.css
@@ -42,7 +42,8 @@
   background-color: #f6f6f2;
   border-color: #f9f9f9;
 }
-#page-wrapper {
+#page-wrapper,
+.site-footer__wrapper {
   background: #292929;
 }
 .region-header,
diff -u b/core/themes/bartik/css/components/site-footer.css b/core/themes/bartik/css/components/site-footer.css
--- b/core/themes/bartik/css/components/site-footer.css
+++ b/core/themes/bartik/css/components/site-footer.css
@@ -2,36 +2,35 @@
  * @file
  * Visual styles for Bartik's footer.
  */
-.site-footer__wrapper {
-  background: #292929;
-}
-.site-footer__wrapper .block .content {
+
+.site-footer .block .content {
   color: #c0c0c0;
   color: rgba(255, 255, 255, 0.65);
   font-size: 0.857em;
 }
-.site-footer__wrapper .block .content a {
+.site-footer .block .content a {
   color: #fcfcfc;
   color: rgba(255, 255, 255, 0.8);
 }
-.site-footer__wrapper .block .content a:hover,
-.site-footer__wrapper .block .content a:focus {
+.site-footer .block .content a:hover,
+.site-footer .block .content a:focus {
   color: #fefefe;
   color: rgba(255, 255, 255, 0.95);
 }
-.site-footer__wrapper .block {
+.site-footer .block {
   margin: 20px 0;
   border: 1px solid #444;
   border-color: rgba(255, 255, 255, 0.1);
   padding: 10px;
 }
-.site-footer__wrapper tr.odd {
+.site-footer tr.odd {
   background-color: transparent;
 }
-.site-footer__wrapper tr.even {
+.site-footer tr.even {
   background-color: #2c2c2c;
   background-color: rgba(0, 0, 0, 0.15);
 }
+
 /**
  * Visual styles for Bartik's footer bottom region.
  */
@@ -64,6 +63,7 @@
 .site-footer__bottom .region {
   margin-top: 20px;
 }
+
 /**
  * Visual styles for Bartik's footer bottoms menu.
  */
@@ -76,7 +76,6 @@
 .site-footer__bottom .menu li a {
   float: left; /* LTR */
   padding: 0 12px;
-  display: block;
   border-right: 1px solid #555; /* LTR */
   border-color: rgba(255, 255, 255, 0.15);
 }
@@ -101,6 +100,7 @@
   padding-left: 0;
   border-left: none;
 }
+
 /**
  * Visual styles for Bartik's footer top region.
  */
@@ -136,7 +136,7 @@
   margin: 0;
   padding: 0;
 }
-.site-footer__top .content li a {
+.site-footer__top a {
   display: block;
   border-bottom: 1px solid #555;
   border-color: rgba(255, 255, 255, 0.15);
@@ -144,11 +144,11 @@
   padding: 0.8em 2px 0.8em 20px; /* LTR */
   text-indent: -15px;
 }
-[dir="rtl"] .site-footer__top .content li a {
+[dir="rtl"] .site-footer__top a {
   padding: 0.8em 20px 0.8em 2px;
 }
-.site-footer__top .content li a:hover,
-.site-footer__top .content li a:focus {
+.site-footer__top a:hover,
+.site-footer__top a:focus {
   background-color: #1f1f21;
   background-color: rgba(255, 255, 255, 0.05);
   text-decoration: none;
diff -u b/core/themes/bartik/css/components/table.css b/core/themes/bartik/css/components/table.css
--- b/core/themes/bartik/css/components/table.css
+++ b/core/themes/bartik/css/components/table.css
@@ -51,8 +51,8 @@
 [dir="rtl"] tr th {
   text-align: right;
 }
-.site-footer__wrapper tr td,
-.site-footer__wrapper tr th {
+.site-footer tr td,
+.site-footer tr th {
   border-color: #555;
   border-color: rgba(255, 255, 255, 0.18);
 }
diff -u b/core/themes/bartik/css/layout.css b/core/themes/bartik/css/layout.css
--- b/core/themes/bartik/css/layout.css
+++ b/core/themes/bartik/css/layout.css
@@ -45,7 +45,7 @@
 .site-footer__wrapper {
   padding: 35px 0 30px;
 }
-.site-footer__wrapper .footer {
+.site-footer {
   box-sizing: border-box;
   padding: 0 15px;
 }
@@ -143,6 +143,7 @@
   .site-footer__top,
   .site-footer__bottom {
     max-width: 1290px;
+    clear: both;
   }
   #content,
   #sidebar-first,
diff -u b/core/themes/bartik/templates/page.html.twig b/core/themes/bartik/templates/page.html.twig
--- b/core/themes/bartik/templates/page.html.twig
+++ b/core/themes/bartik/templates/page.html.twig
@@ -174,7 +174,7 @@
       </div> <!-- /#triptych-wrapper -->
     {% endif %}
     <div class="site-footer__wrapper">
-      <footer class="footer">
+      <footer class="site-footer">
         {% if page.footer_firstcolumn or page.footer_secondcolumn or page.footer_thirdcolumn or page.footer_fourthcolumn %}
           <div class="site-footer__top" class="clearfix">
             {{ page.footer_firstcolumn }}