diff --git a/_config.yml b/_config.yml
index 35b11a4..40f7b70 100644
--- a/_config.yml
+++ b/_config.yml
@@ -37,6 +37,9 @@ terms_url: /terms/
 video_url: /video/
 whitepaper_url: /files/whitepaper/Gate17.pdf
 
+vpn_comparison_url: /blog/2020/01/22/how-the-spn-compares-to-vpns/
+tor_comparison_url: /blog/2020/01/22/how-the-spn-compares-to-tor/
+
 ### external
 
 account_server_url: https://account.safing.io/
diff --git a/_includes/footer.html b/_includes/footer.html
index 0d91aaf..dc2b3b7 100644
--- a/_includes/footer.html
+++ b/_includes/footer.html
@@ -1,5 +1,5 @@
-<footer class="bg-black p-8 bg-local bg-no-repeat bg-cover bg-bottom" id="footer">
-  <div class="p-12 mx-auto self-center max-w-3xl text-center lg:text-left" id="newsletter">
+<footer class="bg-black p-8" id="footer">
+  <div class="pt-12 pb-12 md:p-12 mx-auto self-center max-w-3xl text-center lg:text-left" id="newsletter">
     <span class="text-white text-xl font-bold">Stay Connected via Newsletter</span>
     <form action="https://t80607841.emailsys1a.net/184/1387/c70759e794/subscribe/form.html" method="post">
       <div class="block lg:flex items-center py-5">
@@ -8,7 +8,7 @@
           <input type="submit" value="Subscribe" style="background-color: #6188ff;" class="cursor-pointer transform hover:scale-95 inline-flex items-center px-10 py-3 border border-transparent text-xs leading-5 font-extrabold rounded-full text-white hover:bg-indigo-500 focus:outline-none focus:border-indigo-700 active:bg-indigo-700 transition duration-150 ease-in-out uppercase" />
         </div>
       </div>
-      <div class="max-w-md flex">
+      <div class="mx-auto lg:mx-0 max-w-lg lg:max-w-md lg:flex">
         <input type="checkbox" id="consent_text" name="consent_text" value="yes" required />
         <div class="ml-3">
           <label class="consent opacity-55 text-white" for='consent_text'>
@@ -22,92 +22,135 @@
       </div>
     </form>
   </div>
-  <div class="text-center lg:text-left container mx-auto px-8">
-    <div class="w-full flex flex-col md:flex-row py-6 ">
-      <div class="flex-1">
-        <p class="text-white text-xl md:mb-6">Company</p>
-        <ul class="list-reset mb-6">
-          <li class="mt-2 inline-block mr-2 md:block md:mr-0">
+  <div class="grid mx-auto grid-rows-4 grid-cols-1 sm:grid-rows-2 sm:grid-cols-2 row-gap-16 lg:row-gap-0 lg:grid-cols-none lg:grid-rows-none grid-flow-col-dense  grid-flow-row-dense justify-center md:justify-around max-w-screen-sm lg:max-w-screen-xl pt-10">
+    <div class="flex" style="width: max-content;">
+      <div>
+        <p class="text-white text-xl mb-6">Company</p>
+        <ul class="list-reset">
+          <li class="block mr-0">
             <a href="{{ site.about_url }}" class="no-underline hover:opacity-100 opacity-55 text-white transition duration-150 ease-in-out">About Us</a>
           </li>
-          <li class="mt-2 inline-block mr-2 md:block md:mr-0">
-            <a href="{{ site.team_url }}" class="no-underline hover:opacity-100 opacity-55 text-white transition duration-150 ease-in-out">Team</a>
-          </li>
-          <li class="mt-2 inline-block mr-2 md:block md:mr-0">
+          <li class="mt-3 block mr-0">
             <a href="{{ site.ownership_url }}" class="no-underline hover:opacity-100 opacity-55 text-white transition duration-150 ease-in-out">Ownership</a>
           </li>
-          <li class="mt-2 inline-block mr-2 md:block md:mr-0">
+          <li class="mt-3 block mr-0">
+            <a href="{{ site.next_page_url }}" class="no-underline hover:opacity-100 opacity-55 text-white transition duration-150 ease-in-out"> What's Next?</a>
+          </li>
+          <li class="mt-3 block mr-0">
             <a href="{{ site.help_url }}" class="no-underline hover:opacity-100 opacity-55 text-white transition duration-150 ease-in-out">Get Help</a>
           </li>
         </ul>
       </div>
-      <div class="flex-1">
-        <p class="text-white text-xl md:mb-6">Technology</p>
+    </div>
+    <div class="hidden lg:block ml-8 mr-8 border-r-2 border-white w-0 h-full" style="opacity: .1;"></div>
+    <div class="flex relative">
+      <div>
+        <p class="text-white text-xl mb-6">Community</p>
+        <div class="flex" style="width: max-content;">
+          <ul class="list-reset">
+            <li class="block mr-0">
+              <a href="{{ site.blog_url }}" class="no-underline hover:opacity-100 opacity-55 text-white transition duration-150 ease-in-out">Blog</a>
+            </li>
+            <li class="mt-3 block mr-0">
+              <a href="{{ site.podcast_url }}" class="no-underline hover:opacity-100 opacity-55 text-white transition duration-150 ease-in-out">Podcast</a>
+            </li>
+            <li class="mt-3 block mr-0">
+              <a href="{{ site.video_url }}" class="no-underline hover:opacity-100 opacity-55 text-white transition duration-150 ease-in-out">Videos</a>
+            </li>
+          </ul>
+          <ul class="list-reset pl-12">
+            <li class="block mr-0">
+              <a href="{{ site.github_url }}" class="no-underline hover:opacity-100 opacity-55 text-white transition duration-150 ease-in-out">GitHub</a>
+            </li>
+            <li class="mt-3 block mr-0">
+              <a href="{{ site.reddit_url }}" class="no-underline hover:opacity-100 opacity-55 text-white transition duration-150 ease-in-out">Reddit</a>
+            </li>
+            <li class="mt-3 block mr-0">
+              <a href="{{ site.twitter_url }}" class="no-underline hover:opacity-100 opacity-55 text-white transition duration-150 ease-in-out">Twitter</a>
+            </li>
+          </ul>
+        </div>
+      </div>
+    </div>
+    <div class="hidden lg:block ml-8 mr-8 border-r-2 border-white w-0 h-full" style="opacity: .1;"></div>
+    <div class="flex-1">
+      <div class="flex items-center">
+        <p class="text-white text-xl mb-6 pr-10">Portmaster</p>
+        <div class="border-t-2 border-white w-full" style="opacity: .1; height: 20px;"></div>
+      </div>
+      <div class="flex">
         <ul class="list-reset mb-6">
-          <li class="mt-2 inline-block mr-2 md:block md:mr-0">
-            <a href="{{ site.portmaster_url }}" class="no-underline hover:opacity-100 opacity-55 text-white transition duration-150 ease-in-out">Portmaster</a>
+          <li class="block mr-0">
+            <a href="{{ site.portmaster_url }}#download" class="no-underline hover:opacity-100 opacity-55 text-white transition duration-150 ease-in-out">Download</a>
           </li>
-          <li class="mt-2 inline-block mr-2 md:block md:mr-0">
-            <a href="{{ site.spn_url }}" class="no-underline hover:opacity-100 opacity-55 text-white transition duration-150 ease-in-out">SPN</a>
+          <li class="mt-3 block mr-0">
+            <a href="{{ site.github_url }}/portmaster/" class="no-underline hover:opacity-100 opacity-55 text-white transition duration-150 ease-in-out">Source Code</a>
           </li>
-          <li class="mt-2 inline-block mr-2 md:block md:mr-0">
+          <li class="mt-3 block mr-0">
+            <a href="{{ site.backlog_url }}#portmaster" class="no-underline hover:opacity-100 opacity-55 text-white transition duration-150 ease-in-out">Backlog</a>
+          </li>
+        </ul>
+        <!-- <ul class="list-reset mb-6 pl-12">
+          <li class=" block mr-0">
+            <a href="{{ site.reddit_url }}" class="no-underline hover:opacity-100 opacity-25 text-white transition duration-150 ease-in-out">vs PiHole</a>
+          </li>
+          <li class="mt-3 block mr-0">
+            <a href="{{ site.github_url }}" class="no-underline hover:opacity-100 opacity-25 text-white transition duration-150 ease-in-out">vs Little Snitch</a>
+          </li>
+          <li class="mt-3 block mr-0">
+            <a href="{{ site.twitter_url }}" class="no-underline hover:opacity-100 opacity-25 text-white transition duration-150 ease-in-out">vs GlassWire</a>
+          </li>
+        </ul> -->
+      </div>
+    </div>
+    <div class="hidden lg:block ml-0 mr-0 w-0 h-full"></div>
+    <div class="flex-1">
+      <div class="flex items-center">
+        <p class="text-white text-xl mb-6 pr-10">SPN</p>
+        <div class="border-t-2 border-white w-full" style="opacity: .1; height: 20px;"></div>
+      </div>
+      <div class="flex">
+        <ul class="list-reset mb-6">
+          <li class="block mr-0">
+            <a href="{{ site.account_server_url }}pricing/" class="no-underline hover:opacity-100 opacity-55 text-white transition duration-150 ease-in-out">Pricing</a>
+          </li>
+          <li class="mt-3 block mr-0">
+            <a href="{{ site.github_url }}/spn/" class="no-underline hover:opacity-100 opacity-55 text-white transition duration-150 ease-in-out">Source Code</a>
+          </li>
+          <li class="mt-3 block mr-0">
+            <a href="{{ site.backlog_url }}#spn" class="no-underline hover:opacity-100 opacity-55 text-white transition duration-150 ease-in-out">Backlog</a>
+          </li>
+        </ul>
+        <ul class="list-reset mb-6 pl-12">
+          <li class="block mr-0">
+            <a href="{{ site.tor_comparison_url }}" class="no-underline hover:opacity-100 opacity-55 text-white transition duration-150 ease-in-out">vs Tor</a>
+          </li>
+          <li class="mt-3 block mr-0">
+            <a href="{{ site.vpn_comparison_url }}" class="no-underline hover:opacity-100 opacity-55 text-white transition duration-150 ease-in-out">vs VPNs</a>
+          </li>
+          <li class="mt-3 block mr-0">
             <a href="{{ site.whitepaper_url }}" class="no-underline hover:opacity-100 opacity-55 text-white transition duration-150 ease-in-out">Whitepaper</a>
           </li>
         </ul>
       </div>
-      <div class="flex-1">
-        <p class="text-white text-xl md:mb-6">Follow Us</p>
-        <ul class="list-reset mb-6">
-          <li class="mt-2 inline-block mr-2 md:block md:mr-0">
-            <a href="{{ site.video_url }}" class="no-underline hover:opacity-100 opacity-55 text-white transition duration-150 ease-in-out">Video Updates</a>
-          </li>
-          <li class="mt-2 inline-block mr-2 md:block md:mr-0">
-            <a href="{{ site.podcast_url }}" class="no-underline hover:opacity-100 opacity-55 text-white transition duration-150 ease-in-out">Podcast</a>
-          </li>
-          <li class="mt-2 inline-block mr-2 md:block md:mr-0">
-            <a href="{{ site.blog_url }}" class="no-underline hover:opacity-100 opacity-55 text-white transition duration-150 ease-in-out">Blog</a>
-          </li>
-          <li class="mt-2 inline-block mr-2 md:block md:mr-0">
-            <a href="{{ site.next_page_url }}" class="no-underline hover:opacity-100 opacity-55 text-white transition duration-150 ease-in-out"> What's Next?</a>
-          </li>
-        </ul>
-      </div>
-      <div class="flex-1">
-        <p class="text-white text-xl md:mb-6">Social</p>
-        <ul class="list-reset mb-6">
-          <li class="mt-2 inline-block mr-2 md:block md:mr-0">
-            <a href="{{ site.reddit_url }}" class="no-underline hover:opacity-100 opacity-55 text-white transition duration-150 ease-in-out">Reddit</a>
-          </li>
-          <li class="mt-2 inline-block mr-2 md:block md:mr-0">
-            <a href="{{ site.github_url }}" class="no-underline hover:opacity-100 opacity-55 text-white transition duration-150 ease-in-out">Github</a>
-          </li>
-          <li class="mt-2 inline-block mr-2 md:block md:mr-0">
-            <a href="{{ site.kickstarter_url }}" class="no-underline hover:opacity-100 opacity-55 text-white transition duration-150 ease-in-out">Kickstarter</a>
-          </li>
-          <li class="mt-2 inline-block mr-2 md:block md:mr-0">
-            <a href="{{ site.twitter_url }}" class="no-underline hover:opacity-100 opacity-55 text-white transition duration-150 ease-in-out">Twitter</a>
-          </li>
-        </ul>
-      </div>
-      <div class="flex-1">
-        <p class="text-white text-xl md:mb-6">Legal</p>
-        <ul class="list-reset mb-6">
-          <li class="mt-2 inline-block mr-2 md:block md:mr-0">
-            <a href="{{ site.contact_url }}" class="no-underline hover:opacity-100 opacity-55 text-white transition duration-150 ease-in-out">Contact & Notice</a>
-          </li>
-          <li class="mt-2 inline-block mr-2 md:block md:mr-0">
-            <a href="{{ site.terms_url }}" class="no-underline hover:opacity-100 opacity-55 text-white transition duration-150 ease-in-out">Terms of Service</a>
-          </li>
-          <li class="mt-2 inline-block mr-2 md:block md:mr-0">
-            <a href="{{ site.privacy_url }}" class="no-underline hover:opacity-100 opacity-55 text-white transition duration-150 ease-in-out">Privacy Policy</a>
-          </li>
-        </ul>
-      </div>
     </div>
   </div>
-  <div class="text-xs">
-    <p class="text-center leading-6 text-white opacity-55">
-      &copy; 2020 Safing ICS Technologies GmbH
-    </p>
+  <div class="text-sm pt-20">
+    <div class="lg:flex md:mx-auto" style="width: max-content;">
+      <p class="md:text-center leading-6 text-white opacity-25">
+        &copy; 2020 Safing ICS Technologies GmbH
+      </p>
+      <ul class=" pt-5 lg:pt-0 md:flex">
+        <li class="lg:pl-16">
+          <a href="{{ site.terms_url }}" class="no-underline hover:opacity-100 opacity-55 text-white transition duration-150 ease-in-out">Terms of Service</a>
+        </li>
+        <li class="pt-4 md:py-0 md:pl-10">
+          <a href="{{ site.privacy_url }}" class="no-underline hover:opacity-100 opacity-55 text-white transition duration-150 ease-in-out">Privacy Policy</a>
+        </li>
+        <li class="pt-4 md:py-0 md:pl-10">
+          <a href="{{ site.contact_url }}" class="no-underline hover:opacity-100 opacity-55 text-white transition duration-150 ease-in-out">Contact & Notice</a>
+        </li>
+      </ul>
+    </div>
   </div>
 </footer>
diff --git a/_sass/_global.scss b/_sass/_global.scss
index 8a0b92e..5b23878 100644
--- a/_sass/_global.scss
+++ b/_sass/_global.scss
@@ -6,10 +6,6 @@ body {
   overflow-x: hidden;
 }
 
-footer {
-  background-image: url('/assets/img/footer.png');
-}
-
 .not-allowed {
   cursor: not-allowed;
 }