Added OpenSans as the main menu font to get a cleaner menu text look.

lib/modules/apostrophe-assets/public/css/menu.css

@@ -20,6 +20,10 @@
   user-select: none;
 }
 
+@font-face {
+  font-family: "OpenSans";
+  src: url("/modules/theme/fonts/OpenSans-Regular.ttf") format("truetype");
+}
 .navbar {
   overflow: visible;
   background-color: #333;
@@ -60,9 +64,13 @@
   transition-duration: 0.5s;
   cursor: pointer;
 }
-.navbar ul li a {
+.navbar ul li > a {
   text-decoration: none;
   color: white;
+  font-family: OpenSans;
+  font-size: 0.8rem;
+  letter-spacing: 0.1rem;
+  text-transform: uppercase;
 }
 .navbar ul li div.dropdown-chevron {
   cursor: default;

lib/modules/apostrophe-assets/public/css/menu.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["common.sass","menu.sass"],"names":[],"mappings":"AAAA;EACC;;AACA;EACC;EACA;;AAED;EACC;EACA;EACA;;;AACF;EACC;EACA;EACA;EACA;EACA;EACA;;;ACdD;EACC;EACA;EACA;EACA;EACA;EACA;;AACA;EACC;EACA;EACA;EACA;;AACA;EACC;;AACD;EACC;EACA;;AACD;EACC;;AAGD;EACC;EACA;EACA;;AACD;EAEC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACC;EACA;;AACD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACC;EACA;EAEA;EACA;EACA;EACA;EACA;EAEA;EACA;;AACF;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACC;EACA;EACA;EACA;EAEA;EACA;;AACD;EACC;EACA;EACA;EACA;EACA;;AACD;EACC;;AACD;EAEC;EACA;EACA;EACA;EACA;EACA;;AACD;EACC;EACA;;;AAiBH;EACC;IACC;;EAEC;IACC;;EACD;IACC;;EACD;IACC","file":"menu.css"}
+{"version":3,"sourceRoot":"","sources":["common.sass","menu.sass"],"names":[],"mappings":"AAAA;EACC;;AACA;EACC;EACA;;AAED;EACC;EACA;EACA;;;AACF;EACC;EACA;EACA;EACA;EACA;EACA;;;ACdD;EACC;EACA;;AAED;EACC;EACA;EACA;EACA;EACA;EACA;;AACA;EACC;EACA;EACA;EACA;;AACA;EACC;;AACD;EACC;EACA;;AACD;EACC;;AAGD;EACC;EACA;EACA;;AACD;EAEC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACC;EACA;EACA;EACA;EACA;EACA;;AACD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACC;EACA;EAEA;EACA;EACA;EACA;EACA;EAEA;EACA;;AACF;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACC;EACA;EACA;EACA;EAEA;EACA;;AACD;EACC;EACA;EACA;EACA;EACA;;AACD;EACC;;AACD;EAEC;EACA;EACA;EACA;EACA;EACA;;AACD;EACC;EACA;;;AAiBH;EACC;IACC;;EAEC;IACC;;EACD;IACC;;EACD;IACC","file":"menu.css"}

lib/modules/apostrophe-assets/public/css/menu.sass

@@ -1,5 +1,9 @@
 @use './common'
 
+@font-face
+	font-family: "OpenSans"
+	src: url('/modules/theme/fonts/OpenSans-Regular.ttf') format("truetype")
+
 .navbar
 	overflow: visible
 	background-color: #333
@@ -36,9 +40,13 @@
 			transition-property: background
 			transition-duration: 0.5s
 			cursor: pointer
-			a
+			> a
 				text-decoration: none
 				color: white
+				font-family: OpenSans
+				font-size: .8rem
+				letter-spacing: .1rem
+				text-transform: uppercase
 			div.dropdown-chevron
 				cursor: default
 				text-shadow: none

views/layout.html

@@ -41,7 +41,6 @@
 		<div class="container">
 			<ul>
 				<li><a href="javascript:" aria-haspopup="true">District <i class="fa fa-caret-down"></i></a>
-					{#                    <li><a href="javascript:" aria-haspopup="true">District <i class="fa fa-caret-down"></i></a>#}
 				<div class="dropdown-chevron">
 					<i class="fa fa-caret-up" aria-hidden="true"></i>
 				</div>