diff --git a/css/style.css b/css/style.css
index eed29c1..dcd6035 100644
--- a/css/style.css
+++ b/css/style.css
@@ -80,7 +80,6 @@ footer {
 
 /* Jumbotron Styles */
 .jumbotron {
-    background: linear-gradient(45deg, var(--rd-purple) 30%, var(--rd-blue));
     border: white 2px solid;
 }
 
@@ -95,6 +94,15 @@ p {
     font-size: larger;
 }
 
+.gradient-1 {
+    background: var(--gradient-1) !important;
+}
+
+.gradient-2 {
+    background: var(--gradient-2) !important;
+}
+
+
 /* Features Styles */
 #features {
     background: #000;
@@ -124,6 +132,10 @@ p {
     font-family: var(--body-font);
 }
 
+#extra-features img {
+    max-height: 50px;
+}
+
 /* Alternating Color Styles */
 #features .row {
     padding-top: 30px;
diff --git a/index.html b/index.html
index fae03a6..647c0cb 100644
--- a/index.html
+++ b/index.html
@@ -234,7 +234,7 @@
 
         <!-- Jumbotron -->
         <div class="container px-2">
-            <div class="p-2 mb-4 bg-body-tertiary rounded-3 jumbotron">
+            <div class="p-2 mb-4 bg-body-tertiary rounded-3 jumbotron gradient-1">
                 <div class="container-fluid align-items-center">
                     <!-- First section -->
                     <div class="row align-items-center">
@@ -310,6 +310,7 @@
         </div>
         <!-- End Jumbotron -->
 
+        <!-- Features -->
         <div class="container-fluid mb-4" id="features">
             <div class="row align-items-center mt-3 mb-3">
                 <div class="col-12 col-lg-8 stack">
@@ -362,7 +363,7 @@
 
         <!-- Donate Appeal -->
         <div class="container px-2">
-            <div class="p-2 mb-4 bg-body-tertiary rounded-3 jumbotron">
+            <div class="p-2 mb-4 bg-body-tertiary rounded-3 jumbotron gradient-2">
                 <div class="container-fluid py-2 align-items-center">
                     <!-- First section -->
                     <div class="row align-items-center">