diff --git a/sass/parts/_navbar.scss b/sass/parts/_navbar.scss
index c2f1af0..ee63d3c 100644
--- a/sass/parts/_navbar.scss
+++ b/sass/parts/_navbar.scss
@@ -5,10 +5,10 @@ header {
 }
 
 nav {
-    display: flex;
     max-width: var(--main-width);
     margin-left: auto;
     margin-right: auto;
+    display: flex;
     align-items: center;
     justify-content: space-between;
 
@@ -24,16 +24,13 @@ nav {
             padding: 0;
             margin-top: 0;
             margin-bottom: 0;
-        }
-
-        &.nav-title,
-        &.nav-menus,
-        &.nav-widgets,
-        &>ul>li {
-            display: inline-block;
+            display: flex;
+            align-items: center;
+            justify-content: space-around;
         }
 
         &.nav-title {
+            flex: 2 auto;
             font-size: 2rem;
             font-weight: 100;
             text-transform: uppercase;
@@ -53,6 +50,8 @@ nav {
 
 
         &.nav-menus {
+            flex: 4 auto;
+
             a {
                 color: var(--text);
 
@@ -65,16 +64,22 @@ nav {
                 }
             }
 
-            li {
-                list-style-type: none;
-                padding: 0;
-                margin-left: .5rem;
-                margin-right: .5rem;
+            &>ul {
+                display: flex;
+                flex-flow: row wrap;
+                align-items: center;
+                justify-content: space-around;
 
+                &>li {
+                    flex: 1 auto;
+                    padding: 0;
+                }
             }
+
         }
 
         &.nav-widgets {
+            flex: 1 auto;
             color: var(--text);
             font-size: 1.5rem;