From 38be9a3b4c82a66173e0f3def46bf6f301ee99ca Mon Sep 17 00:00:00 2001
From: Thomas Smith <49042513+tsmitty11@users.noreply.github.com>
Date: Thu, 15 Sep 2022 14:29:32 -0400
Subject: [PATCH] Background grids and alignment clean-up

---
 src/layouts/partials/footer.html |  4 ++--
 src/static/css/style.css         | 29 ++++++++++++++++++++++++++---
 2 files changed, 28 insertions(+), 5 deletions(-)

diff --git a/src/layouts/partials/footer.html b/src/layouts/partials/footer.html
index c7832a4..5b0aa65 100644
--- a/src/layouts/partials/footer.html
+++ b/src/layouts/partials/footer.html
@@ -1,6 +1,6 @@
 <section class="footer">
-  <div class="container">
-    <hr>
+  <hr>
+  <div class="container" style="padding-top: 0px; padding-bottom: 0px;">
       <div class="row" style="margin: 75px 0px;">
         <div class="col-lg-8 footer-content">
           <h4>Equitable open-source for <span id="cycle">web3</span></h4>
diff --git a/src/static/css/style.css b/src/static/css/style.css
index db46386..cfeeedc 100644
--- a/src/static/css/style.css
+++ b/src/static/css/style.css
@@ -77,6 +77,7 @@ div.container-fluid.top-nav{
   .teal-bg{background-color:#00ffd0;}.black-bg{background-color: #1a1a1a;}.dark-gray-bg{background-color: #4d4d4d;}.grid-gray-bg{background-color: #949494;}.light-gray-bg{background-color: #e1e1e1;}.white-bg{background-color: #ffffff;}.purple-bg{background-color: #8000ff;}.orange-bg{background-color: #ff4100;}
 
 /* General Typography */
+/*Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.*/
 
 @font-face {
   font-family: "pp-neue-machina";
@@ -120,6 +121,7 @@ li{
 }
 
 /* Breakpoint-Specific Typography */
+/*Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.*/
 
 
 @media only screen and (min-width: 1280px) {
@@ -193,18 +195,31 @@ hr{
   .package_before{
     background-image: url("/Images/x-large-grid.svg");
     background-attachment: fixed;
-    background-position: top;
-    background-repeat: repeat;
-    background-size: contain;
+    background-repeat: repeat-y;
+    background-size: cover;
     padding-top: 225px;
     padding-bottom: 225px;
+  }
 
+  .package-cta{
+    background-image: url("/Images/x-large-grid.svg");
+    background-attachment: fixed;
+    background-repeat: repeat-y;
+    background-size: cover;
   }
 
   .statistics{
+    background-image: url("/Images/x-large-grid.svg");
+    background-attachment: fixed;
+    background-repeat: repeat-y;
+    background-size: cover;
   }
 
   .partners{
+    background-image: url("/Images/x-large-grid.svg");
+    background-attachment: fixed;
+    background-repeat: repeat-y;
+    background-size: cover;
   }
 
 }
@@ -231,6 +246,14 @@ hr{
 .package-grid{
   padding-top: 0px !important;
   padding-bottom: 0px !important;
+  background-image: url("/Images/x-large-grid.svg");
+  background-attachment: fixed;
+  background-repeat: repeat-y;
+  background-size: cover;
+}
+
+.vl{
+  background-color: #1a1a1a;
 }
 
 /* Footer Styling */