diff --git a/_includes/navigation.html b/_includes/navigation.html
index 893dd85fb..aab354dd3 100644
--- a/_includes/navigation.html
+++ b/_includes/navigation.html
@@ -3,9 +3,9 @@
     <div class="logo">
       <a href="{{ "/" | relative_url }}"><img src="{{ "/images/rook-logo.svg" | relative_url }}"/></a>
     </div>
-    <div 
+    <div
       class="hamburger-controls"
-      onclick="if (document.body.classList.contains('menu-open')) { document.body.classList.remove('menu-open') } else { document.body.classList.add('menu-open') }; return false;">
+      onclick="if (document.getElementById('navigation').classList.contains('menu-open')) { document.getElementById('navigation').classList.remove('menu-open') } else { document.getElementById('navigation').classList.add('menu-open') }; return false;">
       <span></span> <span></span> <span></span>
     </div>
     <ul class="links">
diff --git a/css/index.scss b/css/index.scss
index bd50b9e64..ef04f2ede 100644
--- a/css/index.scss
+++ b/css/index.scss
@@ -9,7 +9,7 @@
   align-items: center;
   
   #holder {
-    margin: 120px 0 60px;
+    margin: 60px 0 60px;
 
     @media (max-width: $smWidth) {
       margin: 45px 0 25px;
@@ -55,7 +55,7 @@
   }
 
   .hero {
-    margin-bottom: 140px;
+    margin-bottom: 100px;
 
     @media (max-width: $smWidth) {
       margin-bottom: 50px;
@@ -127,39 +127,13 @@
     }
   }
 
-  .storage {
-    margin: 120px 0 140px;
-
-    @media (max-width: $smWidth) {
-      margin: 40px 0 70px;
-    }
-  }
-
-  .providers {
-    margin-top: 50px;
-  
-    span {
-      font-family: $fontHeader;
-      font-size: 18px;
-      font-weight: 500;
-      color: $textLight;
-      position: relative;
-      display: -ms-inline-flexbox;
-      display: inline-flex;
-      -ms-flex-align: center;
-      align-items: center;
-      padding-left: 15px;
-      margin-bottom: 15px;
+  .header-section {
+    margin-top: 20px;
+    width: 100%;
 
-      &:before {
-        content: '';
-        position: absolute;
-        left: 0;
-        height: 12px;
-        width: 12px;
-        background-color: $blue;
-        border-radius: 50%;
-      }
+    h1 {
+      text-align: center;
+      margin-bottom: 20px;
     }
   }
 
@@ -203,54 +177,10 @@
         color: $white !important;
       }
     }
-
-    .terminal-buttons {
-      margin-bottom: -15px;
-
-      button {
-        border-radius: 5px;
-        background-color: $purpleLight;
-        color: $white;
-        border: none;
-        box-shadow: none;
-        cursor: pointer;
-        display: -ms-flexbox;
-        display: flex;
-        width: 100%;
-        height: 32px;
-        -ms-flex-align: center;
-        align-items: center;
-        -ms-flex-pack: center;
-        justify-content: center;
-        font-family: $fontHeader;
-        font-size: 13px;
-        font-weight: 500;
-        transition: all $timingFast ease-in-out;
-
-        &:focus,
-        &:active,
-        &:visited {
-          outline: 0;
-          background-color: $purpleLight;
-        }
-
-        &:hover {
-          background-color: $purpleDark;
-        }
-
-        &.active {
-          background-color: $blue;
-        }
-      }
-    }
   }
 
   .affiliates {
-    margin: 60px 0 140px;
-
-    @media (max-width: $smWidth) {
-      margin: 40px 0 70px;
-    }
+    margin: 30px 0 30px;
 
     [class*='col-'] {
       text-align: center;
@@ -485,4 +415,24 @@
       }
     }
   }
+
+  a:not(.button) {
+    color: $blue;
+    &:visited {
+      text-decoration: none;
+    }
+    
+    &:hover,
+    &:focus,
+    &:active {
+      color: $blueDarker;
+      text-decoration: underline;
+    }
+  }
+
+  .providers {
+    h2 {
+      text-align: center;
+    }
+  }
 }
\ No newline at end of file
diff --git a/css/main.scss b/css/main.scss
index da70638b2..c40685e0b 100644
--- a/css/main.scss
+++ b/css/main.scss
@@ -150,6 +150,7 @@ p {
   -ms-flex-negative: 0;
   flex-shrink: 0;
   overflow: visible;
+  border-bottom: 1px solid $footerDelimiter;
 
   & > div {
     display: -ms-flexbox;
@@ -173,24 +174,20 @@ p {
     display: none;
     cursor: pointer;
 
-    width: 16px;
-    height: 16px;
+    height: 24px;
     -webkit-transform: rotate(0deg);
     transform: rotate(0deg);
-    transition: 0.5s ease-in-out;
+    transition: all $timingFast ease-in-out;
 
     span {
       display: block;
-      position: absolute;
+      position: relative;
       height: 2px;
-      width: 14px;
+      width: 32px;
       background: $textDark;
       border-radius: 1px;
       opacity: 1;
       left: 0;
-      -webkit-transform: rotate(0deg);
-      transform: rotate(0deg);
-      transition: 0.25s ease-in-out;
       margin: 0 1px;
     }
 
@@ -211,26 +208,17 @@ p {
       -webkit-transform-origin: left center;
       transform-origin: left center;
     }
+  }
 
-    body.menu-open & {
-      span:nth-child(1) {
-        -webkit-transform: rotate(45deg);
-        transform: rotate(45deg);
-        top: 2px;
-        left: 2px;
-      }
-
-      span:nth-child(2) {
-        width: 0%;
-        opacity: 0;
-      }
+  &.menu-open {
+    .hamburger-controls {
+      -webkit-transform: rotate(90deg);
+      transform: rotate(90deg);
+      transition: all $timingFast ease-in-out;
+    }
 
-      span:nth-child(3) {
-        -webkit-transform: rotate(-45deg);
-        transform: rotate(-45deg);
-        top: 12px;
-        left: 2px;
-      }
+    .links {
+      display: block;
     }
   }
 
@@ -246,6 +234,7 @@ p {
     justify-content: flex-end;
     -ms-flex-align: center;
     align-items: center;
+    background-color: $white;
 
     li {
       display: -ms-inline-flexbox;
@@ -261,6 +250,7 @@ p {
     }
 
     a:not(.button) {
+      position: relative;
       text-decoration: none;
       color: $textDark;
       font-family: $fontHeader;
@@ -277,6 +267,28 @@ p {
       &:active {
         color: $black;
       }
+
+      &:before {
+        content: '';
+        position: absolute;
+        bottom: -4px;
+        height: 4px;
+        width: 0;
+        border-radius: 3px;
+        background-color: transparent;
+        transition: all $timingFastest ease-in-out;
+      }
+
+      &:hover,
+          &:focus,
+          &:active {
+            color: $textDark;
+
+            &:before {
+              width: 100%;
+              background-color: $blue;
+            }
+          }
     }
 
     .dropdown {
@@ -314,31 +326,9 @@ p {
           font-size: 17px;
           position: relative;
 
-          &:before {
-            content: '';
-            position: absolute;
-            bottom: -4px;
-            height: 4px;
-            width: 0;
-            border-radius: 3px;
-            background-color: transparent;
-            transition: all $timingFastest ease-in-out;
-          }
-
           + a {
             margin-top: 24px;
           }
-
-          &:hover,
-          &:focus,
-          &:active {
-            color: $textDark;
-
-            &:before {
-              width: 100%;
-              background-color: $blue;
-            }
-          }
         }
       }
     }
@@ -358,10 +348,10 @@ p {
       bottom: 0;
       padding-left: $pagePadding;
       text-align: left;
-
-      .menu-open & {
-        display: block;
-      }
+      margin-top: 24px;
+      padding-bottom: 20px;
+      border-bottom: 1px solid $footerDelimiter;
+      height: fit-content;
 
       li {
         display: -ms-flexbox;
@@ -409,13 +399,14 @@ p {
 #content {
   -ms-flex: 1 0 auto;
   flex: 1 0 auto;
-  margin-bottom: 50px;
+  margin-bottom: 10;
 }
 
 #footer {
   -ms-flex-negative: 0;
   flex-shrink: 0;
-  padding: 0 0 50px;
+  padding: 0 0 40px;
+  border-top: 1px solid $footerDelimiter;
 
   .top,
   .middle,
@@ -437,8 +428,12 @@ p {
     height: 39px;
   }
 
+  .top {
+    margin: 20px auto 30px;
+  }
+
   .middle {
-    margin: 104px auto 30px;
+    margin: 20px auto 10px;
 
     [class*='col'] {
       -ms-flex-positive: 0;
diff --git a/index.html b/index.html
index dc4012801..8ff569485 100644
--- a/index.html
+++ b/index.html
@@ -15,7 +15,11 @@ <h1>Open-Source,<br />Cloud-Native Storage for Kubernetes</h1>
             <img src="{{ "/images/index-hero.svg" | relative_url }}" />
         </div>
     </section>
-    <h1 class="text-center">What is Rook?</h1>
+    <section class="grid-middle">
+        <div class="header-section">
+            <h1>What is Rook?</h1>
+        </div>
+    </section>
     <section class="grid-middle">
         <div class="col-6_md-12">
             <img src="{{ "/images/index-what-is-rook.svg" | relative_url }}" />
@@ -39,13 +43,10 @@ <h2>Storage Operators for Kubernetes</h2>
             </div>
         </div>
     </section>
-    <section class="grid-middle storage">
+    <section class="grid-middle">
         <div class="col-6_md-12">
             <h2>Ceph Storage Provider</h2>
             <p>Rook orchestrates the Ceph storage solution, with a specialized Kubernetes Operator to automate management. Rook ensures that Ceph will run well on Kubernetes and simplify the deployment and management experience.</p>
-            <div class="grid providers">
-                <div class="col-4_xs-6"><span>Ceph</span></div>
-            </div>
         </div>
         <div class="col-6_md-12">
             <div class="terminal-wrapper">
@@ -55,16 +56,15 @@ <h3 id="terminal-header">Ceph</h3>
                         <asciinema-player id="terminal-player" cols="61" rows="16" preload loop speed="1.25" src="{{ "/data/ceph.cast" | relative_url }}"></asciinema-player>
                     </div>
                 </div>
-                <div class="terminal-buttons">
-                    <div class="grid">
-                        <div class="col-4_xs-6"><button class="active" type="button" onclick="terminalTypeClick(this, 'Ceph')" data-terminal-rows="16" data-terminal-src="{{ "/data/ceph.cast" | relative_url }}">Ceph</button></div>
-                    </div>
-                </div>
             </div>
         </div>
     </section>
-    <h1 class="text-center">Who loves Rook?</h1>
-    <p class="text-center">With hundreds of contributors and millions of downloads of the Rook software, this true community-driven effort is putting dynamic orchestration, high performance, and solid reliability in the hands of a global user base.<br /><br />The Rook operator is deployed in production across multiple industries, enabling them to store, deliver & protect the data that powers their businesses.</p>
+    <section class="grid-middle">
+        <div class="header-section">
+            <h1>Who loves Rook?</h1>
+            <p>With hundreds of contributors and millions of downloads of the Rook software, this true community-driven effort is putting dynamic orchestration, high performance, and solid reliability in the hands of a global user base.<br /><br />The Rook operator is deployed in production across multiple industries, enabling them to store, deliver & protect the data that powers their businesses.</p>
+        </div>
+    </section>
     <section class="grid-middle affiliates">
         <div class="col-2_xs-4">
             <a href="//pacificresearchplatform.org/">
@@ -114,7 +114,11 @@ <h1 class="text-center">Who loves Rook?</h1>
             </a>
         </div>
     </section>
-    <h1 class="text-center">Features of Rook</h1>
+    <section class="grid-middle">
+        <div class="header-section">
+            <h1 class="text-center">Features of Rook</h1>
+        </div>
+    </section>
     <section class="grid-bottom features">
         <div class="col-3_xs-6">
             <img class="automate" src="{{ "/images/features/automate.svg" | relative_url }}" />
diff --git a/support.html b/support.html
index eaa5f68cf..a19eca990 100644
--- a/support.html
+++ b/support.html
@@ -18,43 +18,46 @@ <h1>Support</h1>
         </div>
     </section>
     <section class="grid-middle">
-        <div class="col-8_md-12">
-            <h2 id="support-companies">Commercial Support and Services</h2>
+        <div class="col-12_md-12 text-center">
+            <h1 id="support-companies">Commercial Support and Services</h1>
         </div>
     </section>
 
     <!-- Support Providers -->
-    <section class="col-12_md-12">
-        <div class="col-12_md-12">
+    <div class="providers">
+        <section class="col-12_md-12">
             <h2><a href="{{ koorLink }}">Koor Technologies, Inc.</a></h2>
             <p>
                 Koor Technologies offers a variety of services and products to help you with Ceph data storage. Choose stand-alone Ceph or use Rook to connect your storage to Kubernetes. Get help from Koor experts at every step.
-                
+                    
                 Offering managed Ceph service, consulting and support, hosted Rook Ceph clusters and the data-control-center for insights into Rook Ceph clusters.
             </p>
-        </div>
+        </section>
 
-        <div class="col-12_md-12">
+        <section class="col-12_md-12">
             <h2><a href="{{ redHatLink }}">Red Hat</a></h2>
             <p>
                 Red Hat® OpenShift® Data Foundation—previously Red Hat OpenShift Container Storage—is software-defined storage for containers. Red Hat OpenShift Data Foundation helps teams develop and deploy applications quickly and efficiently across clouds.
 
                 Red Hat OpenShift Data Foundation is included with Red Hat OpenShift Platform Plus, a complete set of powerful, optimized tools to secure, protect, and manage your apps.
             </p>
-        </div>
-    </section>
+        </section>
+    </div>
 
     <section class="grid-middle">
         <div class="col-12_md-12">
-            <p>If you want to add yourself, please open a pull request .</p>
+            <p>
+                If you want to add your company to the list of support providers, please open a pull request against the <a href="https://github.com/rook/rook.github.io">rook.github.io repository</a>.
+            </p>
         </div>
     </section>
-    <section class="grid-middle">
+
+    <section class="grid-middle text-center">
         <div class="col-12_md-12">
-            <h2>Reporting Bugs</h2>
+            <h1>Reporting Bugs</h1>
             <p>
                 If you'd like to report a bug/defect, please <a href="{{ newIssueLink }}">open a GitHub Issue</a> on the Rook repository.
-                We've provided some <a href="{{ contributeLink }}">guidelines</a> for doing so here.
+                We've provided some guidelines for contributing to the project <a href="{{ contributeLink }}">here</a>.
             </p>
         </div>
     </section>