From 692f42af8c4f261002747668b0f601bb6cc7a4f7 Mon Sep 17 00:00:00 2001
From: Thomas Smith <49042513+tsmitty11@users.noreply.github.com>
Date: Tue, 27 Sep 2022 13:07:48 -0400
Subject: [PATCH] Added mobile grid to hero section

---
 src/static/css/homepage.css | 41 +++++++++++++++----------------------
 1 file changed, 16 insertions(+), 25 deletions(-)

diff --git a/src/static/css/homepage.css b/src/static/css/homepage.css
index 99fd20a..4d3eb3b 100644
--- a/src/static/css/homepage.css
+++ b/src/static/css/homepage.css
@@ -118,7 +118,7 @@ hr{
 }
 
 @media only screen and (min-width: 1200px) {
-  
+
   .hero-section{
     background-image: url("/Images/x-large-grid-hero.svg");
     background-attachment: fixed;
@@ -167,18 +167,6 @@ hr{
     background-size: cover;
   }
 
-
-
-
-
-
-
-
-
-
-
-
-
   .statistics{
     background-image: url("/Images/x-large-stats-grid.svg");
     background-attachment: fixed;
@@ -207,18 +195,6 @@ hr{
     margin-bottom: -2.232vw;
   }
 
-
-
-
-
-
-
-
-
-
-
-
-
   .partners{
     background-image: url("/Images/x-large-grid.svg");
     background-attachment: fixed;
@@ -227,3 +203,18 @@ hr{
   }
 
 }
+
+@media only screen and (max-width: 576px) {
+
+  .hero-section{
+    background-image: url("/Images/small-grid.svg");
+    background-position: top;
+    background-repeat: repeat-y;
+    background-size: contain;
+  }
+
+  .hero-bottom{
+    height: 75px;
+  }
+
+}