Init with some changes to the Serif Theme

_sass/components/_main-menu.scss

@@ -0,0 +1,38 @@
+.main-menu {
+  display: none;
+  @include media-breakpoint-up(md) {
+    display: block;
+  }
+  > ul {
+    display: flex;
+    align-items: center;
+    justify-content: flex-start;
+    > li {
+      list-style: none;
+      font-size: 1rem;
+      > a {
+        padding: 10px 12px 10px 12px;
+        margin-left: 10px;
+        display: inline-block;
+        font-weight: normal;
+        color: white;
+        text-decoration: none;
+        background-color: $primary;
+        border-radius: 5px;
+        &:hover {
+          text-decoration: underline;
+        }
+      }
+      &.active {
+        > a {
+          font-weight: bold;
+          text-decoration: none;
+          &:hover {
+            text-decoration: none;
+            transition: all 225ms ease-in 0s;
+          }
+        }
+      }
+    }
+  }
+}