From 4315c7c16300378cb495f78a44bc8ff7de875a4c Mon Sep 17 00:00:00 2001
From: Thomas Smith <49042513+tsmitty11@users.noreply.github.com>
Date: Thu, 15 Sep 2022 18:57:56 -0400
Subject: [PATCH] vw > rem for text -- stays in line with grid lines this way

---
 src/layouts/index.html   |  2 +-
 src/static/css/style.css | 14 ++++++++------
 2 files changed, 9 insertions(+), 7 deletions(-)

diff --git a/src/layouts/index.html b/src/layouts/index.html
index 16cc273..c91cb00 100644
--- a/src/layouts/index.html
+++ b/src/layouts/index.html
@@ -30,7 +30,7 @@
   .hero-section{
     background-image: url("/Images/x-large-grid-hero.svg");
     background-attachment: fixed;
-    background-position: center-top;
+    background-position: top;
     background-repeat: repeat;
     background-size: contain;
   }
diff --git a/src/static/css/style.css b/src/static/css/style.css
index d59a8bd..6e058b3 100644
--- a/src/static/css/style.css
+++ b/src/static/css/style.css
@@ -10,7 +10,7 @@ body{
 
 .container{
   max-width: 1920px;
-  padding:0px;
+  padding:20px;
 }
 
 @media only screen and (min-width: 1200px) {
@@ -127,8 +127,8 @@ li{
 @media only screen and (min-width: 1200px) {
 
   h1{
-    font-size: 13.25rem;
-    line-height: 14rem;
+    font-size: 11.5vw;
+    line-height: 12.4vw;
     margin-top: -20px;
     margin-left: -15px;
   }
@@ -162,7 +162,8 @@ li{
   }
 
 }
-/* Medium Screens*/
+/*
+
 @media only screen and (min-width: 768px) and (max-width: 1200px) {
 
   h1{
@@ -201,7 +202,7 @@ li{
   }
 
 }
-/* Small Screens */
+
 @media only screen and (max-width: 576px) and (max-width: 768px){
 
   h1{
@@ -240,7 +241,7 @@ li{
   }
 
 }
-/* Extra Small Screens */
+
 @media only screen and (max-width: 576px) {
 
   h1{
@@ -277,6 +278,7 @@ li{
   }
 
 }
+*/
 
 /* Spacers & Dividers */