Fixed headline font sizing and padding on headline

Author: vivian-hafener

_sass/_typography.scss

@@ -32,3 +32,14 @@ h3 {
 .row.spaced {
     margin-top: 2em;
 }
+
+#headline {
+  font-size: 1.4em;
+}
+@media screen and (max-width: 400px) {
+  #headline {
+    font-size: 1.0em;
+    padding-right: 0.4em;
+    padding-left: 0.4em;
+  }
+}

assets/css/main.scss

@@ -3,9 +3,10 @@
 # only Main files contain this front matter, not partials.
 ---
 
-$csh-pink: #b0197e;
 $blue: #404b69;
 $gray: #f4f4f6;
+$csh-pink: #b0197e;
+
 
 body {
   width: 100%;
@@ -58,7 +59,7 @@ img.rounded,
  }
 
  .stat_big {
-   color: #b0197e;
+   color: $csh-pink;
    font-size: 2.5em;
    font-weight: 600;
    margin: 0%;
@@ -84,7 +85,6 @@ img.rounded,
 }
 
 .card-header {
-  // white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
 }

index.html

@@ -60,7 +60,7 @@
     </div>
 </div>
 
-<h2 style="text-align: center; font-size: 1.4em;">Getting more done <span style="color: #b0197e;">after 2am</span> than most people do all day.</h2>
+<h2 style="text-align: center;" id="headline">Getting more done <span style="color: #b0197e;">after 2am</span> than most people do all day.</h2>
 
 <!-- Triple image set -->
 <div class="width_capped">
@@ -118,7 +118,7 @@ <h2 class="card-title">Visit CSH</h2>
     </div>
 </div>
 
-<h2 class="left_offset" style="text-align: center;">Things we're working on ...</h2>
+<h2 style="text-align: center;" id="headline">Things we're working on ...</h2>
 <div class="quad_image">
     <div class="content">