mobile navbar now takes full height

src/index.css

@@ -86,6 +86,7 @@ p {
 .nav-button-wrapper {
   display: inline-block;
   position: absolute;
+  z-index: 10;
   top: 30px;
   right: 50px;
 }
@@ -110,6 +111,8 @@ p {
 }
 
 .logo-container {
+  position: absolute;
+  z-index: 10;
   margin: 20px;
 }
 
@@ -120,14 +123,13 @@ p {
 }
 
 .bm-menu {
-  background: #525252 !important;
-  height: 380px !important;
+  background: #fff !important;
 }
 .bm-menu a {
-  color: #b8b7ad;
+  color: #4d4d4d;
 }
 .bm-menu a:hover {
-  color: #ffffff;
+  color: #949494;
   font-weight: 900;
 }
 
@@ -173,7 +175,7 @@ p {
 
 /* Color/shape of close button cross */
 .bm-cross {
-  background: #bdc3c7;
+  background: #4d4d4d;
 }
 
 /*
@@ -296,6 +298,8 @@ header {
   position: relative;
   background-size: 90% 100%;
   background-position: center;
+  background-origin: content-box;
+  padding-top: 80px;
   height: 700px;
 }
 
@@ -1096,4 +1100,4 @@ footer ul {
   }
 }
   
-}
+}