diff --git a/.vscode/settings.json b/.vscode/settings.json
new file mode 100644
index 0000000..7a73a41
--- /dev/null
+++ b/.vscode/settings.json
@@ -0,0 +1,2 @@
+{
+}
\ No newline at end of file
diff --git a/fragments/navBar.html b/fragments/navBar.html
index b23f6d8..3798f70 100644
--- a/fragments/navBar.html
+++ b/fragments/navBar.html
@@ -1,4 +1,4 @@
-<nav class="navbar sticky-top navbar-expand-s navbar-dark bg-primary" >
+<nav class="navbar sticky-top navbar-expand-md navbar-dark bg-primary" >
     <button class="navbar-toggler" type="button" data-toggle="collapse" data-target=".nav-content">
         <span class="navbar-toggler-icon"></span>
     </button>
diff --git a/index.html b/index.html
index 39030ce..eaa67a9 100644
--- a/index.html
+++ b/index.html
@@ -8,7 +8,7 @@
         <link rel="shortcut icon" type="image/png" href="drawables\icon.png"/>
 
         <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css" integrity="sha384-GJzZqFGwb1QTTN6wy59ffF1BuGJpLSa9DkKMp0DgiMDm4iYMj70gZWKYbI706tWS" crossorigin="anonymous">
-        <link href=style.css" rel="stylesheet" type="text/css">
+        <link href="style.scss" rel="stylesheet" type="text/css">
 
         <script src="https://code.jquery.com/jquery-1.10.2.js"></script>
     </head>
diff --git a/style.css b/style.css
deleted file mode 100644
index e69de29..0000000
diff --git a/style.scss b/style.scss
new file mode 100644
index 0000000..2174ff3
--- /dev/null
+++ b/style.scss
@@ -0,0 +1,12 @@
+/* Navigation bar */
+.nav-content 
+{
+    display: none;
+}
+@include media-breakpoint-up(sm)
+{
+    .nav-content
+    {
+        display: flex; 
+    }
+}