makes navbar good looking again

src/style/_navbar.scss

@@ -1,9 +1,9 @@
 #nav-container {
     width: 66.666%;
-    @media only screen and (max-width:58em) { 
+    @media only screen and (max-width:78em) { 
         width: 95%;
     }
-    @media only screen and (max-width:68em) and (min-width:58em) { 
+    @media only screen and (max-width:88em) and (min-width:78em) { 
         width: 78.333%;
     }
 }
@@ -90,7 +90,7 @@
     background: #0f4d8b;
     color: #ffffff;
 }
-@media screen and (max-width: 800px) {
+@media screen and (max-width: 990px) {
     #menu {
         position: relative;
     }

src/style/main.css

@@ -57,12 +57,12 @@ h6 {
 #nav-container {
   width: 66.666%;
 }
-@media only screen and (max-width: 58em) {
+@media only screen and (max-width: 78em) {
   #nav-container {
     width: 95%;
   }
 }
-@media only screen and (max-width: 68em) and (min-width: 58em) {
+@media only screen and (max-width: 88em) and (min-width: 78em) {
   #nav-container {
     width: 78.333%;
   }
@@ -165,7 +165,7 @@ h6 {
   color: #ffffff;
 }
 
-@media screen and (max-width: 800px) {
+@media screen and (max-width: 990px) {
   #menu {
     position: relative;
   }