Better aside navigation responsivity

sass/style.scss

@@ -99,6 +99,7 @@ aside {
 				text-decoration: none;
 			}
 		}
+		li.mobile-only { display: none }
 	}
 }
 
@@ -195,5 +196,19 @@ a {
 }
 
 @media screen and (max-width: 50rem) {
+
 	.grid { grid-template-columns: auto }
+
+	aside {
+		ul { display: none }
+		ul.nav {
+			display: flex;
+			justify-content: center;
+			flex-wrap: wrap;
+		}
+		ul li.mobile-only { display: list-item }
+		span.title { display: none }
+	}
+
+	header, aside { margin-bottom: 3rem }
 }