add contact styles

site/layouts/partials/contact.html

@@ -1,6 +1,7 @@
 <article id="contact" class="l-relative l-screen-min-full contact-bg">
   <div class="l-section-pad l-wrapper">
-    <h2>Contact</h2>
+    <h2>Contact Us</h2>
+    <p class="h5">Complete this form and we will get back to you within one working day.</p>
     <form action="https://mailthis.to/remailthis" method="POST" encType="multipart/form-data">
       <ul class="u-no-list">
         <li>
@@ -22,7 +23,7 @@
       </ul>
     </form>
 
-    <h3>Remember to Generate Access Token for URL</h3>
+    <h3 class="h4">Remember to Generate Access Token for URL</h3>
     <div id="mapbox"></div>
   </div>
 </article>

src/css/imports/base.scss

@@ -10,3 +10,14 @@ body {
   }
 }
 
+// NOTE these correspond to base styles in milligram/src/_Base.css
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  @include font-title($weight: 300);
+}
+

src/css/imports/mixins.scss

@@ -3,6 +3,11 @@
   font-weight: $weight;
 }
 
+@mixin font-title($weight: normal) {
+  font-family: "Montserrat", sans-serif;
+  font-weight: $weight;
+}
+
 @mixin font-link($weight: normal) {
   font-family: "Montserrat", sans-serif;
   font-weight: $weight;