responsive stuff

dist/app.css

@@ -12343,6 +12343,8 @@ input, label, textarea {
 
 .main-nav {
   padding: 2rem 0;
+  position: relative;
+  z-index: 1;
 }
 .main-nav .logo-wrapper {
   max-width: 400px;
@@ -12447,6 +12449,7 @@ input, label, textarea {
     left: 0;
     list-style-type: none;
     padding: 0;
+    background-color: #fff;
   }
 }
 @media (max-width: 991.98px) {

dist/mix-manifest.json

@@ -1,4 +1,4 @@
 {
     "/app.js": "/app.js?id=8af0c9c0d989b79afe124f8138dc1a63",
-    "/app.css": "/app.css?id=554720acd392836642585bf6bb930aa8"
+    "/app.css": "/app.css?id=d1f1d1a6e76dc1dc8d184ce9017763bb"
 }

src/scss/header.scss

@@ -31,6 +31,8 @@
 
 .main-nav {
     padding: 2rem 0;
+    position: relative;
+    z-index: 1;
 
     .logo-wrapper {
         max-width: 400px;
@@ -146,6 +148,7 @@
                         left: 0;
                         list-style-type: none;
                         padding: 0;
+                        background-color: $c-white;
                     }
                 }
             }