From 085c2507f6b1c3b9d2595c3bb38c8186933225b7 Mon Sep 17 00:00:00 2001
From: Thomas Smith <49042513+tsmitty11@users.noreply.github.com>
Date: Wed, 28 Sep 2022 16:51:25 -0400
Subject: [PATCH] Working on responsivity

---
 src/static/css/buttons.css  | 11 +++++++----
 src/static/css/homepage.css |  8 ++++++++
 2 files changed, 15 insertions(+), 4 deletions(-)

diff --git a/src/static/css/buttons.css b/src/static/css/buttons.css
index e8dcd86..5af3e52 100644
--- a/src/static/css/buttons.css
+++ b/src/static/css/buttons.css
@@ -55,7 +55,7 @@
 @media only screen and (min-width: 992px) and (max-width: 1200px) {
 
   .btn-primary{
-    padding: 2.455vw 4.185vw;
+    padding: 3.5vw 4.185vw;
     border-radius: 0px !important;
     font-family: "pp-neue-machina", sans-serif;
     text-transform: uppercase;
@@ -79,11 +79,14 @@
     border-left-color:#00ffd0;
     border-right-color:#00ffd0;
     box-shadow: inset 0vw 0vw 0vw 0.558vw #1a1a1a !important;
-    padding: 2.455vw 5.580vw;
     border-top-color:#1a1a1a;
     border-bottom-color: #1a1a1a;
   }
 
+  .dev-count{
+    font-size: 1.2vw !important;
+  }
+
   .button-container{
     padding: 0vw 11vw !important;
   }
@@ -159,11 +162,11 @@
 @media only screen and (min-width: 576px) and (max-width: 768px){
 
   .btn-primary{
-    padding: 2.455vw 4.185vw;
+    padding: 5vw 4vw !important;
     border-radius: 0px !important;
     font-family: "pp-neue-machina", sans-serif;
     text-transform: uppercase;
-    font-size: 2vw;
+    font-size: 3.5vw;
     border-left: 2px solid #949494 !important;
     border-right: 2px solid #949494 !important;
     background-color: #1a1a1a !important;
diff --git a/src/static/css/homepage.css b/src/static/css/homepage.css
index 56124cf..dfde20f 100644
--- a/src/static/css/homepage.css
+++ b/src/static/css/homepage.css
@@ -255,10 +255,18 @@ hr{
 
 @media only screen and (min-width: 768px) and (max-width: 992px) {
 
+
 }
 
 @media only screen and (min-width: 576px) and (max-width: 768px) {
 
+  .hero-section{
+    background-image: url("/Images/medium-grid.svg");
+    background-attachment: fixed;
+    background-position: top;
+    background-repeat: repeat;
+    background-size: contain;  }
+
 }
 
 @media only screen and (max-width: 576px) {