Update content headings sizing

Author: DavidOliver

assets/css/content/general.css

@@ -62,32 +62,42 @@
   color: var(--textHeaders);
 }
 
-.content-inner h1 {
-  font-size: 2em;
-  margin: 0.5em 0;
-}
+.content-inner {
+  & h1 {
+    font-size: 2em; /* unchanged */
+    margin-top: 0.5em;
+    margin-bottom: 0.5em;
 
-.content-inner h1.section-heading {
-  margin: 1.5em 0 0.5em;
-}
+    &.section-heading {
+      margin-top: 1.5em;
+    }
 
-.content-inner div.group-description {
-  margin: 0 0 3em;
-}
+    & small {
+      font-weight: 400;
+    }
+  }
 
-.content-inner h1 small {
-  font-weight: 400;
-}
+  & h2 {
+    font-size: 1.8rem; /* was 1.6em */
+    padding-top: 1em;
+    margin-bottom: 0.5em;
+  }
+
+  & h3 {
+    font-size: 1.45rem; /* was 1.375em */
+    margin-top: 1em;
+    margin-bottom: 0.5em;
+  }
 
-.content-inner h2 {
-  font-size: 1.6em;
-  padding-top: 1em;
-  margin-bottom: 0.5em;
+  & h4 {
+    font-size: 1.15rem; /* wasn't set */
+    margin-top: 1em;
+    margin-bottom: 0.5em;
+  }
 }
 
-.content-inner h3 {
-  font-size: 1.375em;
-  margin: 1em 0 0.5em;
+.content-inner div.group-description {
+  margin: 0 0 3em;
 }
 
 .content-inner li + li {