[repo] Adjust breakpoints

Author: andrewnicols

src/css/custom.css

@@ -94,13 +94,13 @@ html {
   padding: 1rem;
 }
 
-@media (min-width: 1024px) {
+@media (min-width: 1200px) {
   .navbar {
     padding: var(--ifm-navbar-padding-vertical) var(--ifm-navbar-padding-horizontal);
   }
 }
 
-@media (max-width: 1023px) {
+@media (max-width: 1199px) {
   .navbar-sidebar__brand {
     padding: var(--ifm-menu-link-padding-vertical) var(--ifm-menu-link-padding-horizontal);
   }
@@ -112,3 +112,9 @@ html {
     right: var(--ifm-menu-link-padding-horizontal);
   }
 }
+
+@media (max-width: 576px) {
+  :root .markdown h1 {
+    --ifm-h1-font-size: 3rem;
+  }
+}

src/pages/index.module.css

@@ -64,8 +64,9 @@
 }
 
 h1 {
+  --ifm-h1-font-size: 4.5rem;
+
   font-family: "DM Sans Serif", sans-serif;
-  font-size: 72px;
   color: var(--ifm-color-contrasting);
   font-weight: normal;
 }