feat(WEB-250): overview hero final ui

components/Current/Header/MainMenu/mainMenu.module.css

@@ -1,7 +1,7 @@
 .mainMenu {
   background-color: #fff;
   background-image: none;
-  box-shadow: 0 0 7px rgba(0, 0, 0, .75);
+  box-shadow: 0 0 7px rgba(0, 0, 0, 0.75);
   max-height: 100%;
   overflow: visible;
   position: fixed;
@@ -28,7 +28,7 @@
   justify-self: flex-start;
   left: 0;
   padding: 0.75rem 0.5rem 1rem;
-  transition: .3s;
+  transition: 0.3s;
   user-select: none;
 }
 
@@ -40,7 +40,7 @@
   display: inline-block;
   height: 0.2857142857rem;
   position: relative;
-  transition: .3s;
+  transition: 0.3s;
   width: 2rem;
 }
 
@@ -123,8 +123,12 @@
 .link {
   color: #000;
   display: block;
-  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
-  font-size: .875rem;
+  font-family:
+    Helvetica Neue,
+    Helvetica,
+    Arial,
+    sans-serif;
+  font-size: 0.875rem;
   font-weight: 700;
   padding-bottom: 20px;
   padding-top: 20px;
@@ -150,11 +154,11 @@
   color: #000;
   display: block;
   font-family: Helvetica;
-  font-size: .875rem;
+  font-size: 0.875rem;
   padding: 5px 0;
 }
 
-@media screen and (max-width: 950px) {
+@media screen and (max-width: 1366px) {
   .logoLink {
     width: 5rem;
   }
@@ -164,9 +168,9 @@
   }
 }
 
-@media screen and (min-width: 950px) {
+@media screen and (min-width: 1367px) {
   .mainMenu {
-    background-color: hsla(0, 0%, 100%, .95);
+    background-color: hsla(0, 0%, 100%, 0.95);
     position: relative;
     z-index: unset;
   }
@@ -222,4 +226,4 @@
   .mobileLi {
     display: none;
   }
-}
+}