fix(design): use bootstrap success as primary color

assets/sass/landing.scss

@@ -24,7 +24,11 @@
 }
 
 .landing__container .landing__section:nth-child(even) {
-  background-color: #00912430;
+  background-color: #19875420;
+}
+
+.landing__slogan__content {
+  word-break: keep-all;
 }
 
 @media(max-width: $md-breakpoint) {
@@ -32,3 +36,4 @@
         display: block;
     }
 }
+

assets/sass/main.scss

@@ -7,10 +7,9 @@ $xs-breakpoint: 400px;
 
 $background-dark: #1f1f1e;
 $background: #303131;
-$primary: #db8d42;
+$primary: #009124;
 $secondary: #f15a24;
 
-
 @import "./vendor/bootstrap.scss";
 @import "./page_container.scss";
 @import "./title.scss";

assets/sass/nav.scss

@@ -9,3 +9,50 @@
 #navbar-toggle-cbox {
     display:none
 }
+
+.site__header {
+  height: 3.5em;
+  font-size: 1.2rem;
+
+  .navbar-brand {
+    font-size: 1.75rem;
+  }
+}
+
+@media (min-width: $md-breakpoint) {
+  .site__header {
+    .navbar-collapse {
+      flex-grow: 0;
+    }
+  }
+}
+
+@media (max-width: $md-breakpoint) {
+  .site__header {
+    .navbar-brand {
+      padding-left: 12px;
+    }
+    .navbar-header {
+      padding-right: 12px;
+    }
+
+    .navbar-collapse {
+      ul {
+        margin-bottom: 0;
+      }
+      position: relative;
+      z-index: 99;
+      top: 7px;
+      background-color: #E9ECEF;
+      color: black;
+      .nav-link {
+        padding: 0.5em 1em;
+        color: black !important;
+        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
+      }
+    }
+    .container {
+      padding: 0 !important;
+    }
+  }
+}

assets/sass/vendor/bootstrap.scss

@@ -12054,4 +12054,4 @@ textarea.form-control-lg {
   }
 }
 
-/*# sourceMappingURL=bootstrap.css.map */
+/*# sourceMappingURL=bootstrap.css.map */