1 files changed, 57 insertions, 50 deletions

diff --git a/design/sass/_global.scss b/design/sass/_global.scss
index c5b7ca2..0ae77a3 100644
--- a/design/sass/_global.scss
+++ b/design/sass/_global.scss
@@ -6,12 +6,14 @@ body {
     margin: 0 auto;
     padding: 0;
     overflow-x: hidden;
-    font: normal 100% / 1.5 Georgia, Cambria, "Times New Roman", Times, serif;
-    color: $body_font;
+    font:$body_p_font;
+    color: $body_font_color;
     text-align: center;
     background-color: transparent
 }
-
+ul {
+    padding: 0;
+}
 // eliminate touch delay on mobile safari
 a, button, input, select, textarea, label, summary {
     touch-action: manipulation;
@@ -29,16 +31,15 @@ a {
         color: $orange;
     }
 }
-
 p {
-    @include constrain_narrow();
     text-align: left;
+    @include fontsize(18);
     @include breakpoint(alpha){
-        @include fontsize(18);
+        @include fontsize(20);
         line-height: 1.5;
     }
-    @include breakpoint(gamma){
-        @include fontsize(20);
+    @include breakpoint(beta){
+        @include fontsize(22);
         line-height: 1.6;
     }
 }
@@ -67,16 +68,59 @@ object, embed, video {
     max-width: 100%;
     height: auto;
 }
-
+hr {
+    border: 0; 
+    height: 1px;
+    @include faded_line_after;
+    margin: 3rem 0;
+}
 img {
     max-width: 100%;
 }
-
+figure {
+    margin: 0;
+}
+figcaption {
+    text-align: left;
+}
+figcaption, figcaption a {
+    @include fancy_sans;
+    @include fontsize(14);
+    text-align: left;
+    line-height: 1.9;
+    padding: .3rem .5rem .3rem 0;
+    color: #666;
+    border-bottom: 1px lighten($body_font_light, 20) solid;
+    margin-bottom: 1rem;
+}
+figcaption a:visited {
+    color: #666;
+}
 h1 {
-    font-family:  Georgia, 'Times New Roman', serif;
+    font-family: $headline_font_serif;
     @include fontsize(36);
     font-weight: normal;
 }
+h2 {
+    font-family: $headline_font_serif;
+    @include fontsize(28);
+    font-weight: normal;
+    text-align: left;
+    @include breakpoint(gamma){
+        @include fontsize(30);
+        line-height: 1.6;
+    }
+}
+h3 {
+    @include fancy_sans;
+    @include fontsize(24);
+    font-weight: normal;
+    text-align: left;
+    @include breakpoint(gamma){
+        @include fontsize(28);
+        line-height: 1.4;
+    }
+}
 //**************  Universals ************************
 .hide {
     display: none;
@@ -113,45 +157,6 @@ h1 {
 .small {
     font-size: 90%;
 }
-.hed {
-    @include fancy_sans;
-    @include fontsize(24);
-    font-weight: 500;
-    @include breakpoint(beta) {
-        text-align: left;
-        @include fontsize(32);
-    }
-}
-
-.subhead {
-    font-style: italic;
-    font-weight: 400;
-    margin-top: 0;
-    @include constrain_narrow;
-    @include breakpoint(beta) {
-        text-align: left;
-    }
-}
-.mailing-list--wrapper {
-    @include constrain_narrow;
-    @include breakpoint(gamma) {
-        margin-top: 3em;
-        max-width: 580px;
-        h5 {
-            margin-bottom: .5em;
-            margin-top: 2em;
-        }
-    }
-    h5 { 
-        font-weight: normal;
-        text-align: left;
-        @include fontsize(18);
-    }
-    &:before {
-        @include faded_line_after;
-        margin-top: 5em;
-    }
-}
 .divide-after:after {
     margin-bottom: 3em;
     @include faded_line_after;
@@ -160,6 +165,8 @@ h1 {
 
 #breadcrumbs {
     @include constrain_wide();
+    padding: 0;
+    list-style-type: none;
     text-align: center;
     li {
         display: inline;