Make navbar title text bold white and bold orange on hover

Mobile interface prevails unchanged

sass/_teckids.scss

 @import "../node_modules/bulma/sass/utilities/functions.sass";
+@import "../node_modules/bulma/bulma.sass";
 
 $teckids-orange: #ff6600;
 $teckids-orange-light: findLightColor($teckids-orange);
@@ -61,19 +62,23 @@ $project-colors-title-fonts: (
     background-color: $teckids-orange;
 }
 
-#main-navbar > * > a,
-#main-navbar > * > * > * > a
-{
+#main-navbar>*>a {
     color: white;
     font-weight: bold;
 }
 
-#main-navbar > * > * > * > a:hover
-{
-    color: $teckids-orange;
+@include desktop {
+    #main-navbar>*>*>*>a {
+        color: white;
+        font-weight: bold;
+    }
+
+    #main-navbar>*>*>*>a:hover {
+        color: $teckids-orange;
+    }
 }
-$navbar-burger-color: white;
 
+$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");