From 2879bc6bb5e20e5b56356c1dc7bf6fd9baf949fa Mon Sep 17 00:00:00 2001
From: Thomas Smith <49042513+tsmitty11@users.noreply.github.com>
Date: Thu, 19 Jan 2023 11:36:13 -0500
Subject: [PATCH] font-size/line-height for large screens

---
 src/static/css/homepage.css   |  4 ++--
 src/static/css/typography.css | 21 ++++++++++++++-------
 2 files changed, 16 insertions(+), 9 deletions(-)

diff --git a/src/static/css/homepage.css b/src/static/css/homepage.css
index b178172..61e3f6d 100644
--- a/src/static/css/homepage.css
+++ b/src/static/css/homepage.css
@@ -235,8 +235,8 @@ mark{
     background-image: url("/Images/large-grid-generative-art.png") !important;
     background-attachment: scroll;
     background-position: top;
-    background-repeat: repeat;
-    background-size: cover;
+    background-repeat: repeat-y !important;
+    background-size: contain !important;
   }
 
   .lead-text-container{
diff --git a/src/static/css/typography.css b/src/static/css/typography.css
index faf1f96..01788da 100644
--- a/src/static/css/typography.css
+++ b/src/static/css/typography.css
@@ -17,13 +17,6 @@ h1,h2,h3,h4,h5,h6,p,.lead{
   hyphens: auto !important;
 }
 
-.impact{
-  font-size: 7.812vw !important;
-  line-height: 8.3vw!important;
-  margin-top: 2vw !important;
-  margin-bottom: 1vw !important;
-}
-
 h1{
   font-family: "pp-neue-machina", sans-serif;
   color:#00ffd0;
@@ -82,6 +75,13 @@ a:hover{
 /* Extra-Large Screens*/
 @media only screen and (min-width: 1200px) {
 
+  .impact{
+    font-size: 7.812vw !important;
+    line-height: 8.3vw!important;
+    margin-top: 2vw !important;
+    margin-bottom: 1vw !important;
+  }
+
   h1{
     font-size: 11.5vw;
     line-height: 12.4vw;
@@ -124,6 +124,13 @@ a:hover{
 
 @media only screen and (min-width: 992px) and (max-width: 1200px) {
 
+  .impact{
+    font-size: 8.5vw !important;
+    line-height: 9.9vw!important;
+    margin-top: 4vw !important;
+    margin-bottom: 1.9vw !important;
+  }
+
   h1{
     font-size: 14vw;
     line-height: 15vw;