From c823cfc33e5a47e2b98831980e55d7fa23899592 Mon Sep 17 00:00:00 2001
From: Thomas Smith <49042513+tsmitty11@users.noreply.github.com>
Date: Mon, 19 Sep 2022 13:59:03 -0400
Subject: [PATCH] h1 and havbar height large screen sizes

---
 src/layouts/page/style-guide.html |  6 +--
 src/static/css/style.css          | 70 ++++++++++++++++++++++---------
 2 files changed, 53 insertions(+), 23 deletions(-)

diff --git a/src/layouts/page/style-guide.html b/src/layouts/page/style-guide.html
index 407fec1..85b9855 100644
--- a/src/layouts/page/style-guide.html
+++ b/src/layouts/page/style-guide.html
@@ -22,8 +22,8 @@
   .style-guide-container{
     background-image: url("/Images/x-large-grid.svg");
     background-attachment: fixed;
-    background-repeat: repeat-y;
-    background-size: cover;
+    background-repeat: repeat;
+    background-size: contain;
   }
 
 }
@@ -34,7 +34,7 @@
     background-image: url("/Images/large-grid.svg");
     background-attachment: fixed;
     background-position: top;
-    background-repeat: repeat-y;
+    background-repeat: repeat;
     background-size: contain;
   }
 
diff --git a/src/static/css/style.css b/src/static/css/style.css
index 7218565..0237532 100644
--- a/src/static/css/style.css
+++ b/src/static/css/style.css
@@ -36,28 +36,58 @@ body{
 
 /* Navbar General */
 
-div.container-fluid.top-nav{
-  padding-left: 0px !important;
+@media only screen and (min-width: 1200px) {
+
+  div.container-fluid.top-nav{
+    padding-left: 0px !important;
+  }
+
+  .navbar{
+    background-color: #1a1a1a !important;
+    height: 4.5vw;
+    border-bottom: 2px solid #949494;
+  }
+
+  .nav-logo{
+    width: 4.4vw;
+  }
+
+  .nav-logo:hover{
+    transform: scale(0.9);
+  }
+
+  .nav-item{
+    font-family: "pp-neue-machina", sans-serif;
+    text-transform: uppercase;
+    font-size: .8vw;
+  }
 }
 
-.navbar{
-  background-color: #1a1a1a !important;
-  height: 4.5vw;
-  border-bottom: 2px solid #949494;
-}
+@media only screen and (min-width: 768px) and (max-width: 1200px) {
 
-.nav-logo{
-  width: 4.4vw;
-}
+  div.container-fluid.top-nav{
+    padding-left: 0px !important;
+  }
 
-.nav-logo:hover{
-  transform: scale(0.9);
-}
+  .navbar{
+    background-color: #1a1a1a !important;
+    height: 5vw;
+    border-bottom: 2px solid #949494;
+  }
 
-.nav-item{
-  font-family: "pp-neue-machina", sans-serif;
-  text-transform: uppercase;
-  font-size: .8vw;
+  .nav-logo{
+    width: 4.4vw;
+  }
+
+  .nav-logo:hover{
+    transform: scale(0.9);
+  }
+
+  .nav-item{
+    font-family: "pp-neue-machina", sans-serif;
+    text-transform: uppercase;
+    font-size: .8vw;
+  }
 }
 
 /* Brand Colors */
@@ -161,9 +191,9 @@ li{
 @media only screen and (min-width: 768px) and (max-width: 1200px) {
 
   h1{
-    font-size: 10.2rem;
-    line-height: 11rem;
-    margin-top: 3vw;
+    font-size: 14vw;
+    line-height: 15vw;
+    margin-top: -0.3vw;
     margin-left: -0.837vw;
   }