diff --git a/_includes/footer.html b/_includes/footer.html
index 0ae1ade..5dd2735 100644
--- a/_includes/footer.html
+++ b/_includes/footer.html
@@ -1,11 +1,18 @@
 <section class="footer-section">
-  <div class="ui secondary inverted three item stackable mini footer-section menu">
-    <a class="item" href="/contact">Contact</a>
-    <a class="item" href="{{ site.community_hub_url }}"> Community Hub </a>
-    <a class="item" href="https://safing.io/">
-      <i class="ui envelope outline icon"> </i>
-      <div class="contact-email"></div>
-    </a>
+  <div class="ui stackable five column grid">
+    <div class="row">
+      <div class="column"></div>
+      <div class="column">
+        <a href="/terms">Terms & Privacy Policy</a>
+      </div>
+      <div class="column">
+        <a href="{{ site.community_hub_url }}"> Community Hub </a>
+      </div>
+      <div class="column">
+        <a href="/contact">Contact</a>
+      </div>
+      <div class="column"></div>
+    </div>
   </div>
 </section>
 
diff --git a/_sass/_footer.scss b/_sass/_footer.scss
index 4b7732c..ee93df7 100644
--- a/_sass/_footer.scss
+++ b/_sass/_footer.scss
@@ -3,8 +3,15 @@
   background-color: $fill_light;
   margin: 0 !important;
 
+  .column {
+    padding: 5px;
+    text-align: center;
+  }
 
   a {
-    color: $primary;
+    color: $fill_medium;
+    &:hover {
+      text-decoration: underline;
+    }
   }
 }
diff --git a/_sass/_global.scss b/_sass/_global.scss
index c4d4b7b..d5166ff 100644
--- a/_sass/_global.scss
+++ b/_sass/_global.scss
@@ -2,6 +2,10 @@ body, .ui.header, h1, h2, h3, h4, h5, h6, p {
   font-family: 'Roboto', 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
 }
 
+.pusher {
+  background-color: $fill_light !important;
+}
+
 a {
   color: $anchor;
 }
diff --git a/_sass/_semantic_fixes.scss b/_sass/_semantic_fixes.scss
index 6a313cb..9aec175 100644
--- a/_sass/_semantic_fixes.scss
+++ b/_sass/_semantic_fixes.scss
@@ -63,7 +63,7 @@
   [class*="computer-only"]:not([class*="widescreen"]),
   [class*="large-screen-only"]:not([class*="widescreen"]),
   [class*="widescreen-hidden"],
-  [class*="widescreen or-lower hidden"] {
+  [class*="widescreen-or-lower-hidden"] {
     display: none !important;
   }
 }