style cleanup: move media queries down (ember-learn#879)

Author: Lukas Nys

app/styles/app.css

@@ -26,13 +26,6 @@ main a.edit-icon {
   background: none;
 }
 
-@media (min-width: 845px) {
-  .es-sidebar {
-    padding: var(--spacing-4);
-    background-color: var(--color-gray-200);
-  }
-}
-
 .es-sidebar-content .table-of-contents:first-child {
   margin-block-start: 0;
 }
@@ -97,3 +90,16 @@ li.toc-heading:first-child {
   margin-top: 0;
 }
 
+@media (max-width: 844px) {
+  .table-of-contents,
+  .sub-table-of-contents {
+    font-size: var(--font-size-lg);
+  }
+}
+
+@media (min-width: 845px) {
+  .es-sidebar {
+    padding: var(--spacing-4);
+    background-color: var(--color-gray-200);
+  }
+}