navigation menu update; other

src/style/components/main-menu.scss

@@ -1,15 +1,7 @@
 @import "../variables";
 
 .main-menu {
-  -webkit-overflow-scrolling: touch;
-
-  width: 100%;
-  z-index: 100;
-  overflow-x: scroll;
-  position: fixed;
-  top: 0;
   white-space: nowrap;
-  background-color: rgba(255, 255, 255, 0.95);
 
   font-size: 1.1em;
   color: $menu-inactive-item-color;
@@ -30,14 +22,7 @@
     text-decoration: none;
 
     color: $dark-color;
-    //border-bottom: 1px solid darken($light-color, 50%);
     border-bottom: 1px solid lighten($dark-color, 60%);
-
-    //&:hover {
-    //  color: $dark-color;
-    //
-    //  border-bottom: 1px solid darken($lighter-color, 50%);
-    //}
   }
 
   .selected {
@@ -77,11 +62,7 @@
 }
 
 @media (max-width: $mobile-width) {
-  header{
-    overflow: hidden;
-  }
-
   .main-menu{
-    background-color: white;
+    font-size: 1em;
   }
 }

src/style/components/navigation.scss

@@ -9,7 +9,8 @@
   position: fixed;
   top: 0;
   white-space: nowrap;
-  background-color: $darker-color;
+
+  background-color: rgba(255, 255, 255, 0.95);
 
   display: flex;
   justify-content: space-between;
@@ -17,30 +18,19 @@
 }
 
 .navigation__right {
-  color: $light-color;
-  margin-right: 3em;
+  color: $dark-color;
+  margin-right: 1em;
 
-  z-index:1000;
+  z-index: 1000;
 }
 
 @media (max-width: $mobile-width) {
   .navigation {
-    overflow: hidden;
-
-    width: 100%;
-    z-index: 100;
-    position: relative;
-    top: 0;
-
-    display: block;
-    //display: flex;
-    //justify-content: flex-start;
-    //align-items: center;
+    background-color: white;
   }
 
   .navigation__right {
-    //display: none;
-    //margin-right: 0;
+    padding: 0 $single-margin;
   }
 }
 

src/style/components/page-school.scss

@@ -24,11 +24,11 @@
 
   h1 {
     margin-top: $single-margin;
-    font-size: 1.5em;
+    font-size: 2em;
   }
 }
 
-@media (min-width: $mobile-width) {
+@media (max-width: $mobile-width) {
   .hudozka-title {
     text-align: center;