css titles

web/themes/custom/rorschach/css-compiled/styles.css

@@ -1071,7 +1071,23 @@ table {
   padding: 1rem; }
 
 .book-depth-2 {
-  border-top: 5px solid black;
-  background-color: yellowgreen; }
+  border-top: 2px solid black;
+  border-bottom: 2px solid black; }
   .book-depth-2 h1 {
-    text-transform: uppercase; }
+    text-transform: uppercase;
+    text-align: center; }
+
+.book-depth-3 h1 {
+  text-transform: uppercase;
+  border-top: 4px double black;
+  border-bottom: 4px double black; }
+
+.book-depth-4 h1 {
+  text-transform: uppercase;
+  border-top: 2px solid black;
+  border-bottom: 2px solid black; }
+
+.book-depth-5 h1 {
+  text-transform: uppercase;
+  border-top: 2px dotted black;
+  border-bottom: 2px dotted black; }

web/themes/custom/rorschach/scss/components/_titles.scss

@@ -1,9 +1,39 @@
 .book-depth-2{
-    border-top: 3px solid black;
-    border-bottom: 3px solid black;
+    border-top: 2px solid black;
+    border-bottom: 2px solid black;
     // background-color: yellowgreen;
     h1{
         text-transform: uppercase;
+        text-align: center;
     }
 }
 
+.book-depth-3{
+    // border-top: 3px double black;
+    // border-bottom: 3px double black;
+    h1{
+        text-transform: uppercase;
+        border-top: 4px double black;
+        border-bottom: 4px double black;
+    }
+}
+
+.book-depth-4{
+    // border-top: 3px double black;
+    // border-bottom: 3px double black;
+    h1{
+        text-transform: uppercase;
+        border-top: 2px solid black;
+        border-bottom: 2px solid black;
+    }
+}
+
+.book-depth-5{
+    // border-top: 3px double black;
+    // border-bottom: 3px double black;
+    h1{
+        text-transform: uppercase;
+        border-top: 2px dotted black;
+        border-bottom: 2px dotted black;
+    }
+}

web/themes/custom/rorschach/scss/styles.scss

@@ -39,6 +39,6 @@
 @import "components/_quotes";
 @import "components/_tablefields";  
 @import "components/_notes";  
-@import "components/_titles";  
+@import "components/_titles.scss";