diff --git a/website/assets/images/logo-creative-commons-160x30@2x.png b/website/assets/images/logo-creative-commons-160x30@2x.png
new file mode 100644
index 0000000000..e5da159b4b
Binary files /dev/null and b/website/assets/images/logo-creative-commons-160x30@2x.png differ
diff --git a/website/assets/images/logo-creative-commons-80x15@2x.png b/website/assets/images/logo-creative-commons-80x15@2x.png
deleted file mode 100644
index 1d5c817558..0000000000
Binary files a/website/assets/images/logo-creative-commons-80x15@2x.png and /dev/null differ
diff --git a/website/assets/images/logo-twitter-32x26@2x.png b/website/assets/images/logo-twitter-32x26@2x.png
deleted file mode 100644
index 67f3c1860d..0000000000
Binary files a/website/assets/images/logo-twitter-32x26@2x.png and /dev/null differ
diff --git a/website/assets/images/logo-twitter-50x44@2x.png b/website/assets/images/logo-twitter-50x44@2x.png
new file mode 100644
index 0000000000..58b92bbfb3
Binary files /dev/null and b/website/assets/images/logo-twitter-50x44@2x.png differ
diff --git a/website/assets/styles/layout.less b/website/assets/styles/layout.less
index 23a0449cc0..3fb29638d5 100644
--- a/website/assets/styles/layout.less
+++ b/website/assets/styles/layout.less
@@ -1,4 +1,4 @@
-@footer-height: 288px;
+@footer-height: 222px;
 @container-md-max-width: 1100px;
 
 [v-cloak] { display: none; }
@@ -208,14 +208,28 @@ html, body {
   [purpose='footer-container'] {
     padding-left: 40px;
     padding-right: 40px;
-    padding-bottom: 70px;
-    padding-top: 60px;
+    padding-bottom: 32px;
+    padding-top: 40px;
+  }
+
+  [purpose='footer-bottom'] {
+    padding-left: 40px;
+    padding-right: 70px;
+
   }
 
   [purpose='footer-nav'] {
     display: flex;
     flex-direction: row;
   }
+
+  [purpose='legal-nav'] {
+    padding-left: 16px;
+    display: inline;
+    font-size: 11px;
+    line-height: 18px;
+    text-decoration: underline;
+  }
 }
 
 body.detected-mobile {
@@ -232,40 +246,42 @@ body.detected-mobile {
   color: #6a67fe;
 }
 
-@media (max-width: 1199px) {
-  [purpose='page-wrap'] {
-    padding-bottom: 404px;
-
-    [purpose='page-footer'] {
-      height: 404px;
-
-      [purpose='footer-container'] {
-        padding-bottom: 40px;
-      }
-    }
-  }
-}
 
 @media (max-width: 767px) {
   [purpose='page-wrap'] {
-    padding-bottom: 518px;
+    padding-bottom: 264px;
 
     [purpose='page-footer'] {
-      height: 518px;
+      height: 264px;
     }
+
   }
 }
 
-@media (max-width: 500px) {
+@media (max-width: 575px) {
+    [purpose='page-wrap'] {
+      padding-bottom: 371px;
+
+      [purpose='page-footer'] {
+        height: 371px;
+      }
+  }
+}
+
+@media (max-width: 490px) {
   [purpose='page-wrap'] {
-    padding-bottom: 728px;
+    padding-bottom: 581px;
 
     [purpose='page-footer'] {
-      height: 728px;
+      height: 581px;
 
       [purpose='footer-nav'] {
         display: block;
       }
+      [purpose='legal-nav'] {
+        padding-left: 0px;
+        display: block;
+      }
     }
   }
 }
diff --git a/website/config/routes.js b/website/config/routes.js
index 098a795231..0208159b62 100644
--- a/website/config/routes.js
+++ b/website/config/routes.js
@@ -160,6 +160,7 @@ module.exports.routes = {
   'GET /apply':                  'https://fleet-device-management.breezy.hr',
   'GET /company/stewardship':    'https://github.com/fleetdm/fleet', // FUTURE: page about how we approach open source and our commitments to the community
   'GET /legal/terms':            'https://docs.google.com/document/d/1OM6YDVIs7bP8wg6iA3VG13X086r64tWDqBSRudG4a0Y/edit',
+  'GET /legal/privacy':          'https://docs.google.com/document/d/17i_g1aGpnuSmlqj35-yHJiwj7WRrLdC_Typc1Yb7aBE/edit',
 
 
   //  ╦ ╦╔═╗╔╗ ╦ ╦╔═╗╔═╗╦╔═╔═╗
diff --git a/website/views/layouts/layout.ejs b/website/views/layouts/layout.ejs
index 50789161fa..b585d7d505 100644
--- a/website/views/layouts/layout.ejs
+++ b/website/views/layouts/layout.ejs
@@ -123,61 +123,68 @@
 
       <%- body %>
 
-      <div style="background-color: #201E43;" purpose="page-footer">
-          <div style="max-width: 1248px; background-color: #201E43;" purpose="footer-container" class="container-fluid d-flex flex-column flex-xl-row align-items-xl-end justify-content-center justify-content-xl-between">
-            <div class="d-flex flex-column order-first justify-content-start">
-              <div class="d-flex pb-4 pb-xl-0">
-                <a class="pb-3" href="/">
-                  <img alt="Fleet logo" src="/images/logo-white-118x48@2x.png" style="width: 118px; height: 48px;"/>
-                </a>
-              </div>
-              <div style="font-size: 11px; line-height: 18px;" class="d-none d-xl-flex flex-column pt-lg-4 text-nowrap">
-                <span>&copy; 2021 Fleet Device Management Inc.</span>
-                <img alt="Creative Commons Licence CC BY-SA 4.0" src="/images/logo-creative-commons-80x15@2x.png" style="width: 80px"/>
-              </div>
-            </div>
-            <div class="d-flex flex-grow-1 flex-column">
-              <div purpose="footer-nav" class="justify-content-between justify-content-xl-end pb-4  pb-xl-2 px-lg-0">
-                <div class="flex-column">
-                  <a href="/get-started" class="d-block pr-lg-5 pb-2">Get started</a>
-                  <a href="/docs" class="d-block pr-lg-5 pb-2">Docs</a>
-                  <a href="/transparency" class="d-block pr-lg-5 pb-2 pb-xl-0">Transparency</a>
-                </div>
-                <div class="flex-column">
-                  <a href="/pricing" class="d-block px-lg-5 pb-2">Pricing</a>
-                  <a href="/blog" class="d-block px-lg-5 pb-2">Blog</a>
-                  <a href="/logos" class="d-block px-lg-5 pb-2 pb-xl-0">Logos/artwork</a>
-                </div>
-                <div class="flex-column">
-                  <a href="/handbook" class="d-block pr-lg-2 pl-lg-5 pb-2">Handbook</a>
-                  <a href="/docs/contributing" class="d-block pr-lg-2 pl-lg-5 pb-2">Contribute</a>
-                  <a href="/hall-of-fame" class="d-block pr-lg-2 pl-lg-5 pb-2 pb-xl-0">Hall of fame</a>
-                </div>
-              </div>
-              <div style="font-size: 14px;" class="container-fluid d-flex flex-column flex-md-row font-weight-bold text-nowrap justify-content-start justify-content-md-between justify-content-xl-end px-0 pt-xl-4 pb-3">
-                <a href="https://twitter.com/fleetctl" class="d-flex flex-nowrap px-xl-3 pb-3 pb-lg-0">
-                  <img alt="Twitter logo" src="/images/logo-twitter-32x26@2x.png" style="height: 20px; width: auto; margin-top:2px" class="mr-2"/>
-                  Follow us on Twitter
-                </a>
-                <a href="https://www.youtube.com/channel/UCZyoqZ4exJvoibmTKJrQ-dQ" class="d-flex flex-nowrap px-xl-3 pb-3 pb-lg-0">
-                  <img alt="Youtube logo" src="/images/logo-youtube-57x40@2x.png" style="height: 20px; width: auto; margin-top:2px" class="mr-2"/>
-                  <span>Watch on YouTube</span>
-                </a>
-                <a href="https://osquery.slack.com/join/shared_invite/zt-h29zm0gk-s2DBtGUTW4CFel0f0IjTEw#/" class="d-flex flex-nowrap px-xl-3 pb-3 pb-lg-0">
-                  <img alt="Slack logo" src="/images/logo-slack-24x24@2x.png" style="height: 20px; width: auto; margin-top:2px" class="mr-2"/>
-                  <span>Join the community<span purpose="join-the-community-on-slack-expanded-text"> on Slack</span></span>
-                </a>
-                <a href="https://github.com/fleetdm/fleet" class="d-flex flex-nowrap px-xl-3 pb-4 pb-lg-0 pr-3">
-                  <img alt="GitHub logo" src="/images/github-mark-white-24x24@2x.png" style="height: 20px; width: auto; margin-top:2px" class="mr-2"/>
-                  GitHub
-                </a>
-              </div>
-            </div>
-            <div style="font-size: 11px; line-height: 18px;" class="d-block d-xl-none pt-lg-4 pr-5 pr-sm-0">
-              <span class="mb-2"> </span>
-              <img alt="Creative Commons Licence CC BY-SA 4.0" src="/images/logo-creative-commons-80x15@2x.png" style="width: 80px"/>
+      <div style="background-color: #182147;" purpose="page-footer">
+        <div style="max-width: 1248px;" purpose="footer-container" class="container-fluid d-flex flex-column flex-sm-row align-items-sm-end justify-content-center justify-content-sm-between">
+          <div class="d-flex flex-column order-first justify-content-start">
+            <div class="d-flex pb-4 pr-4">
+              <a class="pb-3" href="/">
+                <img alt="Fleet logo" src="/images/logo-white-118x48@2x.png" style="width: 118px; height: 48px;" />
+              </a>
             </div>
           </div>
+          <div class="d-flex flex-grow-1 flex-column">
+            <div purpose="footer-nav" class="justify-content-between justify-content-sm-end order-l pb-xl-2 px-lg-0">
+              <div class="flex-column">
+                <a href="/get-started" class="d-block pr-md-5 pr-sm-3 pb-2">Get started</a>
+                <a href="/docs" class="d-block pr-md-5 pr-sm-3 pb-2">Docs</a>
+                <a href="/transparency" class="d-block pr-md-5 pr-sm-3 pb-2 pb-xl-0">Transparency</a>
+              </div>
+              <div class="flex-column">
+                <a href="/pricing" class="d-block px-md-5 px-sm-3 pb-2">Pricing</a>
+                <a href="/blog" class="d-block px-md-5 px-sm-3 pb-2">Blog</a>
+                <a href="/logos" class="d-block px-md-5 px-sm-3 pb-2 pb-xl-0">Logos/artwork</a>
+              </div>
+              <div class="flex-column">
+                <a href="/handbook" class="d-block pr-lg-2 pl-md-5 pl-sm-3 pb-2">Handbook</a>
+                <a href="/docs/contributing" class="d-block pr-lg-2 pl-md-5 pl-sm-3 pb-2">Contribute</a>
+                <a href="/hall-of-fame" class="d-block pr-lg-2 pl-md-5 pl-sm-3 pb-2 pb-xl-0">Hall of fame</a>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <div purpose="footer-bottom" style="background-color: #101639;">
+          <div style="max-width: 1248px;" class="container-fluid d-flex px-0 flex-md-row flex-column align-items-md-center justify-content-md-between pb-4 pr-3 pb-md-0">
+
+            <div style="font-size: 11px; line-height: 18px;" class="d-flex flex-column justify-content-start flex-sm-row pr-sm-0">
+              <img alt="Creative Commons Licence CC BY-SA 4.0" src="/images/logo-creative-commons-160x30@2x.png" style="width: 80px; height: 15px;" />
+              <div class="pl-sm-3 pt-sm-0 pt-1 pl-0 text-sm-nowrap d-block d-sm-inline">
+                © 2021 Fleet Device Management Inc.
+                <span purpose="legal-nav">
+                  <a style="text-decoration: underline;" href="/legal/privacy">Privacy</a>
+                  <a style="text-decoration: underline;" class="pl-3" href="/legal/privacy">What is osquery?</a>
+                </span>
+              </div>
+            </div>
+
+            <div style="font-size: 14px;" class="flex-row d-inline-flex font-weight-bold order-first order-md-last justify-content-start justify-content-md-end pl-md-3 py-3">
+              <a href="https://twitter.com/fleetctl">
+                <img alt="Twitter logo" src="/images/logo-twitter-50x44@2x.png" style="height: 20px; width: auto; margin-top:2px" class="pr-4" />
+              </a>
+              <a href="https://www.youtube.com/channel/UCZyoqZ4exJvoibmTKJrQ-dQ">
+                <img alt="Youtube logo" src="/images/logo-youtube-57x40@2x.png" style="height: 20px; width: auto; margin-top:2px" class="pr-4" />
+              </a>
+              <a href="https://osquery.slack.com/join/shared_invite/zt-h29zm0gk-s2DBtGUTW4CFel0f0IjTEw#/">
+                <img alt="Slack logo" src="/images/logo-slack-24x24@2x.png" style="height: 20px; width: auto; margin-top:2px" class="pr-4" />
+              </a>
+              <a href="https://github.com/fleetdm/fleet">
+                <img alt="GitHub logo" src="/images/github-mark-white-24x24@2x.png" style="height: 20px; width: auto; margin-top:2px" />
+              </a>
+            </div>
+
+          </div>
+        </div>
+
       </div>
     </div>
 
@@ -192,7 +199,7 @@
     <% /* Cookie consent banner */ %>
     <script id="cookieyes" type="text/javascript" src="https://cdn-cookieyes.com/client_data/71bcdd51b166ceeb18bd0d28/script.js"></script>
     <% /* Chat (Papercups) */ %>
-    <script>window.Papercups = { config: { accountId: '5b59eeac-1578-4fdb-b946-e17c1dca0c51', requireEmailUpfront: true } };</script>
+    <script>window.Papercups = { config: { accountId: '5b59eeac-1578-4fdb-b946-e17c1dca0c51', primaryColor:'#6A67FE', requireEmailUpfront: true } };</script>
     <script type="text/javascript" async defer src="https://app.papercups.io/widget.js"></script>
 
     <%/* Stripe.js */%>