diff --git a/sass/_teckids.scss b/sass/_teckids.scss
index 0c721294de1c0afa161f198f4e66472634d7015f..f27debed65652e4872d7ccc011c6afcd00a7cce5 100644
--- a/sass/_teckids.scss
+++ b/sass/_teckids.scss
@@ -1,4 +1,5 @@
 @import "../node_modules/bulma/sass/utilities/functions.sass";
+@import "../node_modules/bulma/bulma.sass";
 
 $teckids-orange: #ff6600;
 $teckids-orange-light: findLightColor($teckids-orange);
@@ -61,6 +62,24 @@ $project-colors-title-fonts: (
     background-color: $teckids-orange;
 }
 
+.navbar-brand>a {
+    color: white;
+    font-weight: bold;
+}
+
+@include desktop {
+    #main-navbar>*>*>*>a {
+        color: white;
+        font-weight: bold;
+    }
+
+    #main-navbar>*>*>*>a:hover {
+        color: $teckids-orange;
+    }
+}
+
+$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");
     background-size:contain;