Updated menus and minor style changes.

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

@@ -3,15 +3,19 @@
 @font-face
 	font-family: "OpenSans"
 	src: url('/modules/theme/fonts/OpenSans-Regular.ttf') format("truetype")
+
 @font-face
 	font-family: "OpenSansLight"
 	src: url('/modules/theme/fonts/OpenSans-Light.ttf') format("truetype")
+
 @font-face
 	font-family: "OpenSansSemiBold"
 	src: url('/modules/theme/fonts/OpenSans-SemiBold.ttf') format("truetype")
+
 @font-face
 	font-family: "OpenSansBold"
 	src: url('/modules/theme/fonts/OpenSans-Bold.ttf') format("truetype")
+
 @font-face
 	font-family: "OpenSansExtraBold"
 	src: url('/modules/theme/fonts/OpenSans-ExtraBold.ttf') format("truetype")
@@ -23,16 +27,20 @@
 	font-family: Arial sans-serif
 	font-size: 1rem
 	position: relative
+
 	ul
 		list-style: none
 		margin: 0
 		padding-left: 0
 		background: inherit
+
 		li:hover
 			cursor: pointer
+
 		li:hover, li:focus-within
 			background: #33492b
 			text-shadow: 0 0 20px rgb(255, 255, 255)
+
 		li:focus-within
 			outline: none
 		//li:hover div.dropdown-content, li div.dropdown-content:hover, li:hover div.dropdown-chevron, li div.dropdown-chevron:hover,
@@ -41,6 +49,7 @@
 			visibility: visible
 			opacity: 1
 			display: block
+
 		li
 			@extend .noselect
 			color: white
@@ -52,6 +61,7 @@
 			transition-property: background
 			transition-duration: 0.5s
 			cursor: pointer
+
 			> a
 				text-decoration: none
 				color: white
@@ -59,6 +69,7 @@
 				font-size: .8rem
 				letter-spacing: .1rem
 				text-transform: uppercase
+
 			div.dropdown-chevron
 				cursor: default
 				text-shadow: none
@@ -71,6 +82,7 @@
 				text-align: center
 				font-size: 2rem
 				cursor: pointer
+
 				i
 					top: 0
 					left: 0
@@ -83,6 +95,7 @@
 					//color: #333
 					z-index: 9999
 					color: white
+
 			div.dropdown-content
 				tab-index: -1
 				cursor: default
@@ -103,8 +116,9 @@
 				display: none
 				width: 100%
 				z-index: 9998
-				box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2)
+				box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2)
 				border-top: white 1rem solid
+
 	.dropdown-content
 		h1
 			//font-size: 3rem
@@ -118,6 +132,7 @@
 			//background-color: #555
 			border-bottom: 2px solid grey
 			width: 100%
+
 		h2
 			//font-size: 1.5rem
 			//font-family: Roboto Arial sans-serif
@@ -128,8 +143,10 @@
 			margin: .6rem 0 .4rem 0
 			border-bottom: #656565 1.5px dashed
 			color: #CCC
+
 		.row
 			width: 100%
+
 		a
 			@extend .noselect
 			font-size: 0.9rem
@@ -140,9 +157,11 @@
 			text-decoration: none
 			margin: .5rem 0 .5rem .6rem
 			display: block
+
 			&:hover
 				color: #ff7700
 				text-decoration: underline
+
 			sup
 				font-size: 0.6rem
 				font-family: OpenSansLight
@@ -167,10 +186,13 @@
 @media only screen and (max-width: 500px)
 	.navbar
 		font-size: 1.4rem
+
 		.dropdown-content
 			h1
 				font-size: 2rem
+
 			h2
 				font-size: 2rem
+
 			a
 				font-size: 1.5rem