footer responsive

website/source/assets/stylesheets/_footer.scss

@@ -44,27 +44,22 @@
   }
 }
 
-@media (max-width: 992px) {
+@media (max-width: 768px) {
-  .footer-links {
+  #footer{
-    display: block;
+    padding: 20px 0 80px;
     text-align: center;
 
-    ul{
-      display: inline-block;;
-      float: none !important;
-    }
-
     .footer-hashi{
       display: block;
       float: none !important;
+      .hashicorp-project{
+        margin-left: -30px;
+      }
     }
-  }
-}
 
-@media (max-width: 414px) {
-  #footer{
     ul{
       display: block;
+      width: 100%;
       li{
         display: block;
         float: none;
@@ -72,6 +67,10 @@
 
       &.external-links{
         li{
+          a{
+            padding-left: 0 !important;
+            margin-left: -14px;
+          }
           svg{
             position: relative;
             left: 0;

website/source/layouts/layout.erb

@@ -71,7 +71,7 @@
               <div class="edit-page-link"><a href="https://github.com/mitchellh/packer/blob/master/website/source/<%= current_page_source %>">Edit this page</a></div>
             <% end %>
             <% end %>
-            <div class="footer-links">
+            <div class="footer-links clearfix">
               <ul class="main-links white nav navbar-nav">
                 <li><a href="/intro/index.html">Intro</a></li>
                 <li><a href="/docs/index.html">Docs</a></li>
@@ -82,7 +82,7 @@
                   <a href="/downloads.html"><%= partial "layouts/svg/svg-download" %>Download</a>
                 </li>
                 <li class="github">
-                  <a href="https://github.com/micthellh/packer"><%= partial "layouts/svg/svg-github" %>GitHub</a>
+                  <a href="https://github.com/mitchellh/packer"><%= partial "layouts/svg/svg-github" %>GitHub</a>
                 </li>
               </ul>
             </  div>