Update font and style for headers.

The global headers by default were uppercase and at times were challenging to
read. This modification sets the font to be the same throughout the entire site,
and allows the text author to decide whether or not content should be
capitalized.

Author: Sarah Conway

diff --git a/media/css/main.css b/media/css/main.css
index a4e10556d59b8193c7628c33eaf03290ae8614cb..480a7004de842c412404f343445edd1a317cf7bb 100644 (file)
--- a/media/css/main.css
+++ b/media/css/main.css
@@ -16,7 +16,6 @@
 
 /** CUSTOM FONTS */
 @import url('https://fonts.googleapis.com/css?family=Open+Sans');
-@import url('https://fonts.googleapis.com/css?family=Maven+Pro');
 
 /** GLOBAL CONFIGURATION */
 body {
@@ -39,10 +38,9 @@ dl, ol, ul {
 }
 
 h1, h2, h3, h4, h5, h6 {
-    font-family: 'Maven Pro', sans-serif;
+    font-family: 'Open Sans', sans-serif;
     font-weight: 700;
-    text-transform: uppercase;
-    color: #515151;
+    color: #336791;
     /*margin: 0 0 0.5em 0;*/
 }
 
@@ -56,6 +54,11 @@ h3 {
     font-weight: initial;
 }
 
+.h4, h4 {
+    font-size: 1.1rem;
+    text-transform: capitalize !important;
+}
+
 #pgContentWrap h2:after, #pgSideNav h2:after {
     background-color: #e7eae8;
     content: '\a0';
@@ -114,9 +117,9 @@ a:hover, a:active {
          text-decoration: none;
 }
 
-b, strong {
+b, strong, th {
          font-weight: 700;
-       color: #383838;
+    color: #474747 !important;
 }
 
 i, em {