From 6bbfcfa5584304d4b58d2db6e54f180985712cb9 Mon Sep 17 00:00:00 2001
From: rayelliott <gitea@rayelliott.dev>
Date: Tue, 31 Mar 2020 15:55:00 +0000
Subject: [PATCH] add contact styles

---
 site/layouts/partials/contact.html |  5 +++--
 src/css/imports/base.scss          | 11 +++++++++++
 src/css/imports/mixins.scss        |  5 +++++
 3 files changed, 19 insertions(+), 2 deletions(-)

diff --git a/site/layouts/partials/contact.html b/site/layouts/partials/contact.html
index eb7d708..11b4f3b 100644
--- a/site/layouts/partials/contact.html
+++ b/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>
diff --git a/src/css/imports/base.scss b/src/css/imports/base.scss
index fa481b3..cd46eac 100644
--- a/src/css/imports/base.scss
+++ b/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);
+}
+
diff --git a/src/css/imports/mixins.scss b/src/css/imports/mixins.scss
index edfbdc4..e27753d 100644
--- a/src/css/imports/mixins.scss
+++ b/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;