diff --git a/scss/_menuMobile.scss b/scss/_menuMobile.scss
new file mode 100644
index 0000000000000000000000000000000000000000..9bef85ef69d79e25ead4f9ba1ae4cf6e1dde0e60
--- /dev/null
+++ b/scss/_menuMobile.scss
@@ -0,0 +1,68 @@
+#burgerMenu {
+  position: absolute;
+  top: 10px;
+  right: 10px;
+  display: none;
+  cursor: pointer;
+
+  .bar1, .bar2, .bar3 {
+    width: 35px;
+    height: 5px;
+    background-color: $text-color;
+    margin: 6px 0;
+    transition: 0.4s;
+  }
+  &.change .bar1 {
+    -webkit-transform: rotate(-45deg) translate(-9px, 6px);
+    transform: rotate(-45deg) translate(-9px, 6px);
+  }
+
+  &.change .bar2 {opacity: 0;}
+
+  &.change .bar3 {
+    -webkit-transform: rotate(45deg) translate(-8px, -8px);
+    transform: rotate(45deg) translate(-8px, -8px);
+  }
+}
+
+@media only screen and (max-width: $mobile-max-width) {
+  #burgerMenu{
+    display: inline-block;
+  }
+
+  .visible{
+    display: inline-grid !important;
+  }
+
+  #mainMenuContainer{
+    display: none;
+
+    text-align: left;
+    background-color: $back-color-3;
+    width: 100%;
+
+    a {
+      text-align: left;
+      border-bottom: #111721 solid 2px;
+      width: 100%;
+    }
+
+    .dropdown-content{
+      display: block;
+      position: relative;
+      left: 0;
+      transform: none;
+      width: 100%;
+      a{
+        padding-left: 40px;
+      }
+    }
+  }
+  #mainMenu{
+    display: block;
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+  }
+}
\ No newline at end of file
diff --git a/scss/_mobile.scss b/scss/_mobile.scss
index 451a6275b5470c21a1dcb0ae7860a07b591ed900..2fdb68ebb8ac9a30ac998a26632ef49dfe0693dc 100644
--- a/scss/_mobile.scss
+++ b/scss/_mobile.scss
@@ -1,32 +1,4 @@
-#burgerMenu {
-  position: absolute;
-  top: 10px;
-  right: 10px;
-  display: none;
-  cursor: pointer;
-
-  .bar1, .bar2, .bar3 {
-    width: 35px;
-    height: 5px;
-    background-color: $text-color;
-    margin: 6px 0;
-    transition: 0.4s;
-  }
-  &.change .bar1 {
-    -webkit-transform: rotate(-45deg) translate(-9px, 6px);
-    transform: rotate(-45deg) translate(-9px, 6px);
-  }
-
-  &.change .bar2 {opacity: 0;}
-
-  &.change .bar3 {
-    -webkit-transform: rotate(45deg) translate(-8px, -8px);
-    transform: rotate(45deg) translate(-8px, -8px);
-  }
-}
-
-
-@media only screen and (max-width: 600px) {
+@media only screen and (max-width: $mobile-max-width) {
   #homeImage{
     float: none;
   }
@@ -58,44 +30,4 @@
   article{
     width: 95%;
   }
-
-  #burgerMenu{
-    display: inline-block;
-  }
-
-  .visible{
-    display: inline-grid !important;
-  }
-
-  #mainMenuContainer{
-    display: none;
-
-    text-align: left;
-    background-color: $back-color-3;
-    width: 100%;
-
-    a {
-      text-align: left;
-      border-bottom: #111721 solid 2px;
-      width: 100%;
-    }
-
-    .dropdown-content{
-      display: block;
-      position: relative;
-      left: 0;
-      transform: none;
-      width: 100%;
-      a{
-        padding-left: 40px;
-      }
-    }
-  }
-  #mainMenu{
-    display: block;
-    position: absolute;
-    top: 0;
-    left: 0;
-    right: 0;
-  }
 }
\ No newline at end of file
diff --git a/scss/_var.scss b/scss/_var.scss
index 85c6b3bf9195352d10e1c3f4aa2146b1f30a24a7..0058ee92b917362fc2151f0c82a217892d58a351 100644
--- a/scss/_var.scss
+++ b/scss/_var.scss
@@ -5,4 +5,6 @@ $accent-color: #1cb09a;
 $content-footer-div-color: #03A8F4;
 
 $darker-color: 5%;
-$darker-color-2: 2%;
\ No newline at end of file
+$darker-color-2: 2%;
+
+$mobile-max-width: 600px;
\ No newline at end of file
diff --git a/scss/style.scss b/scss/style.scss
index 9f9bf5706acbdd98b163a87b2b04c21c627c6935..0d90460f82f7f2b54a6829d18a33cf0bdbf8b763 100644
--- a/scss/style.scss
+++ b/scss/style.scss
@@ -11,4 +11,5 @@
 @import "comments";
 @import "footer";
 @import "content";
-@import "mobile";
\ No newline at end of file
+@import "mobile";
+@import "menuMobile";
\ No newline at end of file