Рефакторинг кода меню навигации

Изменил размер шрифта меню навигации в мобильном режиме

src/components/main-nav/main-nav.scss

@@ -95,6 +95,10 @@
 
     &_level-2:not(:last-child) {
       border-bottom: 1px solid $gray--light;
+
+      @include for-tablet-landscape-down() {
+        border-color: $gray;
+      }
     }
   }
 
@@ -111,6 +115,15 @@
     cursor: pointer;
     transition: background-color .3s, color .3s;
 
+    @include for-tablet-landscape-down() {
+      font-size: pxToRem(16);
+    }
+
+    @include for-phone-only() {
+      font-size: pxToRem(23);
+      line-height: pxToRem(30);
+    }
+
     padding: {
       top: pxToRem(8);
       right: pxToRem(27);
@@ -141,6 +154,10 @@
       @include for-tablet-landscape-down() {
         justify-content: center;
       }
+
+      @include for-phone-only() {
+        line-height: pxToRem(50);
+      }
     }
   }
 }

src/sass/_variables.scss

@@ -2,7 +2,7 @@
 $white:               #fff;
 $gray--lighten:       #e8ebf1;
 $gray--light:         #e7e7e7;
-$gray:                #dfe1e5;
+$gray: #c6c8cc;
 $black: #000;
 
 $color-main: #363636;