From 32ef0f9a2c23cb6610ed1bb9c4630dbf28ccec64 Mon Sep 17 00:00:00 2001
From: VitaliyTr <vs.tratsevskiy@gmail.com>
Date: Thu, 23 Feb 2017 23:17:30 +0700
Subject: [PATCH] cleaned up contact page

---
 _includes/hero/contact.html |  2 +-
 contact/index.html          |  2 +-
 src/scss/_junk-drawer.scss  | 23 +++++++++++++++--------
 src/scss/_section.scss      | 10 +++++++++-
 4 files changed, 26 insertions(+), 11 deletions(-)

diff --git a/_includes/hero/contact.html b/_includes/hero/contact.html
index f0c9ab1..5404808 100644
--- a/_includes/hero/contact.html
+++ b/_includes/hero/contact.html
@@ -21,7 +21,7 @@
       <div class="col-sm-4">
         {% t pages.contact.form-pretext %} <br/>
         {% t pages.contact.form-pretext-2 %}
-                <a style="display: inline-block;" href="mailto:contact@dash.org"> Contact us.</a> <!-- !!!remove after form is back up-->
+                <a href="mailto:contact@dash.org" class="btn-white-solid"> Contact us.</a> <!-- !!!remove after form is back up-->
       </div>
       <div class="col-sm-4 col-sm-offset-4 callout-blue">
 		  Dash <br />
diff --git a/contact/index.html b/contact/index.html
index 6dbb523..010bfd8 100644
--- a/contact/index.html
+++ b/contact/index.html
@@ -20,7 +20,7 @@ description: pages.contact.description
 		</div>
 	</section>
 
-	<section id="mailing" class="section section--cta section--colored">
+	<section id="mailing" class="section section--cta section--colored mailboxes-bg">
 		<div class="section__content">
 
 			<h3>{% t pages.contact.mail-list-heading %}</h3>
diff --git a/src/scss/_junk-drawer.scss b/src/scss/_junk-drawer.scss
index 560ab1d..848ccd3 100755
--- a/src/scss/_junk-drawer.scss
+++ b/src/scss/_junk-drawer.scss
@@ -471,12 +471,19 @@ a.blog_link {
     font-weight: $font-weight-bold;
 }
 
-.section__title{
-    font-weight: 300;
-    font-size: 3.35294rem;
-    line-height: 1.2;
-    letter-spacing: -0.015em;
-    margin-bottom: 10px;
-    text-align: center;
-    margin-bottom: 40px;
+.mailboxes-bg{
+    background-image: url(../../assets/img/hero/mailboxes.jpg);
+    position: relative;
+    background-size: cover;
+    z-index: 1;
+    &:after {
+        content: '';
+       background-image: $gradient-default-overlay-blue;
+        position: absolute;
+        top: 0;
+        right: 0;
+        bottom: 0;
+        left: 0;
+        z-index: -1;
+    }
 }
diff --git a/src/scss/_section.scss b/src/scss/_section.scss
index ee787be..1daaa6b 100644
--- a/src/scss/_section.scss
+++ b/src/scss/_section.scss
@@ -10,7 +10,15 @@ $m: 'section';
 		padding: 0 20px;
 		margin: 0 auto;
 	}
-
+	&__title{
+	    font-weight: 300;
+	    font-size: 3.35294rem;
+	    line-height: 1.2;
+	    letter-spacing: -0.015em;
+	    margin-bottom: 10px;
+	    text-align: center;
+	    margin-bottom: 40px;
+	}
 	&--intro-lead {
 		text-align: center;
 		.#{$m} {