diff --git a/_scss/_breakpoint.scss b/_scss/_breakpoint.scss
index 98b8a6f14c..587382c619 100644
--- a/_scss/_breakpoint.scss
+++ b/_scss/_breakpoint.scss
@@ -8,6 +8,7 @@ $xl-min-width: 1200px;
     @content;
   }
 }
+
 @mixin before-md-width {
   @media (max-width: $md-min-width - 1) {
     @content;
@@ -19,6 +20,13 @@ $xl-min-width: 1200px;
     @content;
   }
 }
+
+@mixin before-lg-width {
+  @media (max-width: $lg-min-width - 1) {
+    @content;
+  }
+}
+
 @mixin lg-width {
   @media (min-width: $lg-min-width) {
     @content;
diff --git a/_scss/_landing.scss b/_scss/_landing.scss
index 907e9bd98f..7092a62b77 100644
--- a/_scss/_landing.scss
+++ b/_scss/_landing.scss
@@ -27,7 +27,19 @@ body#landing {
     border-radius: unset;
     height: unset;
 
-    @include before-md-width {
+    @include md-width {
+      .navbar-collapse.collapse {
+        display: flex !important;
+
+        ul:first-of-type {
+          flex: 1;
+          display: flex;
+          justify-content: center;
+        }
+      }
+    }
+
+    @include before-lg-width {
       .container {
         width: unset;
       }
@@ -56,7 +68,8 @@ body#landing {
       .navbar-nav > li > a {
         font-weight: bold;
         line-height: 25px;
-        padding-bottom: 11px;
+        padding-top: 17px;
+        padding-bottom: 9px;
         border-bottom-style: solid;
         border-bottom-width: 4px;
         border-bottom-color: rgba(255, 255, 255, 0);