scss: menu now a little wider

theme/sass/hoa.scss

@@ -90,7 +90,7 @@ iframe {
     text-align: center;
 }
 
-@media (max-width: 969px) {
+@media (max-width: 1009px) {
     .main {
         margin: 0 auto;
         padding-top: 108px;
@@ -168,9 +168,9 @@ iframe {
     }
 }
 
-@media (min-width: 970px) {
+@media (min-width: 1010px) {
     .main {
-        margin: 0 0 0 210px;
+        margin: 0 0 0 250px;
         padding-top: 70px;
     }
     .nav {
@@ -179,11 +179,11 @@ iframe {
         left: 0;
     }
     .headers {
-        margin-left: 210px;
+        margin-left: 250px;
     }
     .nav {
         padding: 0;
-        width: 210px;
+        width: 250px;
         margin-top: 50px;
     }
     .nav li {
@@ -197,12 +197,12 @@ iframe {
         padding-top: 100px;
     }
 }
-@media (min-width: 1170px) {
+@media (min-width: 1250px) {
     .main {
         margin: 0 auto;
     }
     .nav {
-        left: calc(50% - 585px)
+        left: calc(50% - 625px)
     }
     .headers {
         left: 50%;