diff --git a/sass/_menu.scss b/sass/_menu.scss
index 27671cdb71af6cd254a682931b9a5910b8c9639a..afcf5d69ed62f03bfd23381808f64e069f25a09c 100644
--- a/sass/_menu.scss
+++ b/sass/_menu.scss
@@ -45,3 +45,31 @@
 .navbar-dropdown {
     overflow: hidden;
 }
+
+#main-navbar {
+    background-color: $teckids-orange;
+}
+
+#main-navbar .navbar-brand > a {
+    color: white;
+    font-weight: bold;
+}
+
+@include desktop {
+    #main-menu > div > .navbar-item > a {
+        color: white;
+        font-weight: bold;
+    }
+
+    #main-menu > div > .navbar-item > a:hover {
+        color: $teckids-orange;
+    }
+}
+
+@media screen {
+  #navbar-logo > img {
+    filter: saturate(0) brightness(0) invert(1);
+  }
+}
+
+$navbar-burger-color: white;
diff --git a/sass/_teckids.scss b/sass/_teckids.scss
index 5b614140cc6ef26f85bd5618232f0a45925e763c..4451b08b314d0c0254ba3b06c917d4ae2beb685d 100644
--- a/sass/_teckids.scss
+++ b/sass/_teckids.scss
@@ -1,6 +1,3 @@
-@import "../node_modules/bulma/sass/utilities/functions.sass";
-@import "../node_modules/bulma/bulma.sass";
-
 $teckids-orange: #ff6600;
 $teckids-orange-light: findLightColor($teckids-orange);
 $teckids-orange-light-half: lighten($teckids-orange, 30%);
@@ -58,33 +55,6 @@ $project-colors-title-fonts: (
     background-color: $teckids-blue-light;
 }
 
-#main-navbar {
-    background-color: $teckids-orange;
-}
-
-#main-navbar .navbar-brand > a {
-    color: white;
-    font-weight: bold;
-}
-
-@include desktop {
-    #main-menu > div > .navbar-item > a {
-        color: white;
-        font-weight: bold;
-    }
-
-    #main-menu > div > .navbar-item > a:hover {
-        color: $teckids-orange;
-    }
-}
-
-@media screen {
-  #navbar-logo > img {
-    filter: saturate(0) brightness(0) invert(1);
-  }
-}
-
-$navbar-burger-color: white;
 
 .circle-bg {
     background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='600' height='600' %3E%3Ccircle cx='300' cy='300' r='300' fill='rgba(100%25 %2C 100%25 %2C 100%25 %2C 0.5)' /%3E%3C/svg%3E");