Ready for prod ?

resources/_gen/assets/scss/sass/main.scss_f300667da4f5b5f84e1a9e0702b2fdde.content

@@ -574,6 +574,9 @@ a {
 .w-full {
   width: 100% !important; }
 
+.h-full {
+  height: 100% !important; }
+
 /* POSITIONING */
 .ta-r {
   text-align: right; }
@@ -1071,7 +1074,7 @@ a {
 .p-r-300 {
   padding-right: 300px !important; }
 
-nav {
+nav#navbar {
   z-index: 100;
   height: 3em;
   display: flex;
@@ -1083,15 +1086,15 @@ nav {
   /* Position the navbar at the top of the page */
   width: 100%;
   /* Menus */ }
-  nav ul {
+  nav#navbar ul {
     justify-content: flex-evenly;
     display: flex; }
-    nav ul li {
+    nav#navbar ul li {
       flex: 1;
       display: inline;
       text-align: center;
       list-style: none; }
-      nav ul li a {
+      nav#navbar ul li a {
         color: inherit;
         text-decoration: none; }
 
@@ -1125,28 +1128,71 @@ nav {
     margin: auto;
     width: 65%; }
 
-nav .left {
+nav#navbar .left {
   flex: 0;
   text-align: left;
   background-color: #ffffff; }
-  nav .left img {
+  nav#navbar .left img {
     margin: 1em;
     height: 1.3em; }
 
-nav .center {
+nav#navbar .center {
   flex: 1;
   color: #243887;
   font-size: 1em;
   background-color: #ffffff; }
 
-nav .right {
+nav#navbar .right {
   font-family: Manometer;
   color: #ffffff; }
 
-@media (max-width: 992px) {
-  nav .right {
+nav#navbar #menutoggle {
+  display: none; }
+
+@media (max-width: 600px) {
+  nav#navbar #menutoggle {
+    display: block; }
+  nav#navbar .center {
     display: none; } }
 
+@media (max-width: 992px) {
+  nav#navbar .right {
+    display: none; } }
+
+nav#sidebar {
+  position: fixed;
+  top: 0;
+  left: -300px;
+  width: 300px;
+  height: 100%;
+  z-index: 200;
+  box-shadow: 0 6px 12px rgba(107, 82, 82, 0.3);
+  background-color: #ffffff;
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+  transition: ease 0.2s all; }
+
+@media (max-width: 600px) {
+  nav#navbar {
+    background-color: #ffffff; } }
+
+#body-overlay {
+  width: 100vw;
+  height: 100vh;
+  display: none;
+  position: fixed;
+  z-index: 150;
+  top: 0;
+  overflow: hidden;
+  background: rgba(0, 0, 0, 0.5); }
+
+body.menu-open #body-overlay {
+  display: block; }
+
+body.menu-open nav#sidebar {
+  left: 0; }
+
 .content h1 {
   padding-top: 50px;
   text-align: center;