Added narrower and bold-headings styles

styles/styles.css

@@ -419,6 +419,17 @@ main .section .section-container {
   padding-right: 0;
 }
 
+/* section - bold headings */
+
+main .section.bold-headings h1,
+main .section.bold-headings h2,
+main .section.bold-headings h3,
+main .section.bold-headings h4,
+main .section.bold-headings h5,
+main .section.bold-headings h6 {
+  font-weight: var(--font-weight-bold);
+}
+
 /* section - centered */
 .section.centered div {
   align-items: center;
@@ -631,6 +642,12 @@ main .section.narrow {
   max-width: 42rem;
 }
 
+/* section - narrower */
+main .section.narrower {
+  padding: 0 1rem;
+  margin: auto;
+}
+
 /* section - static */
 main .section.static {
   margin-bottom: 7.5rem;
@@ -825,6 +842,17 @@ main .section.light-blue {
     max-width: 54.5rem;
   }
 
+  /* section - narrower */
+  main .section.narrower {
+    position: relative;
+    width: 100%;
+    padding-right: 0;
+    padding-left: 0;
+    margin-right: auto;
+    margin-left: auto;
+    max-width: 45rem;
+  }
+
   /* section - contacts and links from global-network */
   main .section.contacts-and-links h3 {
     font-size: var(--heading-font-size-l);