From 734c85c56077153908b4d190a7c416f25490be3a Mon Sep 17 00:00:00 2001
From: Thomas Smith <49042513+tsmitty11@users.noreply.github.com>
Date: Tue, 27 Sep 2022 16:06:11 -0400
Subject: [PATCH] Mobile styling (spacing/typography)

---
 src/static/css/buttons.css    | 10 +++++-----
 src/static/css/homepage.css   |  6 +++---
 src/static/css/typography.css |  2 +-
 3 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/src/static/css/buttons.css b/src/static/css/buttons.css
index 53838e7..8671dd8 100644
--- a/src/static/css/buttons.css
+++ b/src/static/css/buttons.css
@@ -92,7 +92,7 @@
 
   .btn-primary .icon-enter-arrow{
    display: inline-block;
-   position: relaitve;
+   position: relative;
    margin-right: 0.558vw;
    transition: 0.2s linear;
   }
@@ -144,7 +144,7 @@
 
   .btn-primary .icon-enter-arrow{
    display: inline-block;
-   position: relaitve;
+   position: relative;
    margin-right: 0.558vw;
    transition: 0.2s linear;
   }
@@ -196,7 +196,7 @@
 
   .btn-primary .icon-enter-arrow{
    display: inline-block;
-   position: relaitve;
+   position: relative;
    margin-right: 0.558vw;
    transition: 0.2s linear;
   }
@@ -211,7 +211,7 @@
 @media only screen and (max-width: 576px) {
 
   .btn-primary{
-    padding: 7.5vw 11.200vw !important;
+    padding: 7.5vw 7.5vw !important;
     border-radius: 0px !important;
     font-family: "pp-neue-machina", sans-serif;
     text-transform: uppercase;
@@ -241,7 +241,7 @@
   }
 
   .button-container{
-    padding: 0vw 8.929vw;
+    padding: 0vw 14vw !important;
   }
 
   .dev-count{
diff --git a/src/static/css/homepage.css b/src/static/css/homepage.css
index d9fb489..a7a6b62 100644
--- a/src/static/css/homepage.css
+++ b/src/static/css/homepage.css
@@ -37,7 +37,7 @@ html,body{
 @media only screen and (max-width: 576px) {
   .container{
     max-width: 1920px;
-    padding: 10vw 5vw;
+    padding: 10vw 10vw;
   }
 }
 
@@ -210,7 +210,7 @@ hr{
     background-image: url("/Images/small-grid.svg");
     background-position: top;
     background-repeat: repeat-y;
-    background-size: contain;
+    background-size: cover;
   }
 
   .hero-bottom{
@@ -221,7 +221,7 @@ hr{
     background-image: url("/Images/small-grid.svg");
     background-position: top;
     background-repeat: repeat-y;
-    background-size: contain;
+    background-size: cover;
     padding-top: 12.556vw;
     padding-bottom: 12.556vw;
   }
diff --git a/src/static/css/typography.css b/src/static/css/typography.css
index cd747cc..cfa793e 100644
--- a/src/static/css/typography.css
+++ b/src/static/css/typography.css
@@ -231,7 +231,7 @@ li{
 
   h1{
     font-size: 20vw;
-    line-height: 6rem;
+    line-height: 5rem;
   }
 
   h2{