From 20d1d9b0ceabd3331f1c2632256088245e50fb17 Mon Sep 17 00:00:00 2001
From: Thomas Smith <49042513+tsmitty11@users.noreply.github.com>
Date: Thu, 15 Sep 2022 13:05:47 -0400
Subject: [PATCH] Hero margin-bottom removal + add additional background img

---
 src/layouts/index.html   | 12 ++++++++++++
 src/static/css/style.css |  1 -
 2 files changed, 12 insertions(+), 1 deletion(-)

diff --git a/src/layouts/index.html b/src/layouts/index.html
index c7dcc68..8827883 100644
--- a/src/layouts/index.html
+++ b/src/layouts/index.html
@@ -47,6 +47,15 @@
     z-index: 2;
   }
 
+  .hero-bottom{
+    background-image: url("/Images/x-large-grid-hero.svg");
+    background-attachment: fixed;
+    background-position: center-top;
+    background-repeat: repeat;
+    background-size: contain;
+    height: 75px;
+  }
+
 </style>
 
 <img src="/Images/gen-art-1.png" alt="gen-art-1" class="gen-art" id="gen-art-1">
@@ -67,6 +76,9 @@
   <div class="full-width-cta-container">
    {{- partial "full-width-cta.html" . -}}
   </div>
+  <div class="hero-bottom">
+
+  </div>
 </section>
 
 <!-- Teal Impact Section -->
diff --git a/src/static/css/style.css b/src/static/css/style.css
index 95815d4..0bf74a5 100644
--- a/src/static/css/style.css
+++ b/src/static/css/style.css
@@ -240,7 +240,6 @@ hr{
 @media only screen and (min-width: 1280px) {
 
   .hero-section{
-    margin-bottom: 75px;
   }
 
   .impact-section{