WIP

wp/wp-content/themes/medicalalert/src/scss/global.scss

@@ -560,10 +560,50 @@ button[type="submit"].single_add_to_cart_button,
 
 .bg-color-navy-sky {
     background: linear-gradient(90deg, rgba(0, 0, 102, 1) 0%, rgba(51, 153, 255, 1) 100%);
+
+    h1 {
+        color: white !important;
+    }
+
+    h2 {
+        color: white !important;
+    }
+
+    h3 {
+        color: white !important;
+    }
+
+    strong {
+        color: white !important;
+    }
+
+    p {
+        color: white !important;
+    }
 }
 
-.g-sky-bright {
+.bg-color-sky-bright {
     background: linear-gradient(90deg, rgba(51, 153, 255, 1) 0%, rgba(51, 153, 255, 0.5) 100%);
+
+    h1 {
+        color: white !important;
+    }
+
+    h2 {
+        color: white !important;
+    }
+
+    h3 {
+        color: white !important;
+    }
+
+    strong {
+        color: white !important;
+    }
+
+    p {
+        color: white !important;
+    }
 }
 
 .bg-color-gradient-light-blue {
@@ -619,6 +659,19 @@ button[type="submit"].single_add_to_cart_button,
 
 .bg-color-red-yellow {
     background: linear-gradient(90deg, rgba(204, 1, 51, 1)0%, rgba(255, 176, 32, 1) 100%);
+    color: white;
+
+    li {
+        color: white;
+    }
+
+    p {
+        color: white;
+    }
+
+    a {
+        color: white;
+    }
 }
 
 .g-sky-border {

wp/wp-content/themes/medicalalert/src/scss/hero.scss

@@ -30,14 +30,15 @@
 }
 
 .tile-1-3-grid {
-    max-width: 250px;
+    max-width: 300px;
+    z-index: 1;
 }
 
-// .tile-2 {
-//     right: 2%;
-//     bottom: -6%;
-//     width: 160px;
-// }
+.tile-2 {
+    right: 2%;
+    bottom: -6%;
+    width: 160px;
+}
 
 .tile-square {
     max-width: 250px;
@@ -48,12 +49,21 @@
 }
 
 .radial {
-    bottom: -65%;
-    right: 0%;
+    top: 600px;
+    right: -18%;
+    max-width: 450px;
+}
+
+body {
+    overflow-x: hidden;
 }
 
 @include media-breakpoint-up(md) {
 
+    .radial {
+        top: 300px;
+        right: -4%
+    }
 
     .pos {
         margin-bottom: -175px;
@@ -69,4 +79,12 @@
         width: 100%;
     }
 
+}
+
+@include media-breakpoint-up(lg) {
+
+    .radial {
+        top: 500px;
+        right: -4%
+    }
 }

wp/wp-content/themes/medicalalert/src/scss/icon-info-grid.scss

@@ -4,22 +4,12 @@
             display: grid;
             grid-template-rows: 1fr auto 1fr;
             width: 100%;
-            position: relative;
 
             .icon-img {
                 max-width: 50px;
                 height: 50px;
-                display: flex;
-                align-items: end;
             }
 
-            .content-wrapper {
-                .icon-link {
-                    position: absolute;
-                    bottom: 0;
-                    width: fit-content;
-                }
-            }
         }
     }
 }

wp/wp-content/themes/medicalalert/src/scss/logo-grid.scss

@@ -1,7 +1,9 @@
 .logo-grid-slice-container {
-  .logo {
-    img {
-      width: 100%;
+    .logo {
+        img {
+            width: 100%;
+            filter: grayscale(1);
+            opacity: 0.5;
+        }
     }
-  }
 }

wp/wp-content/themes/medicalalert/src/scss/testimonial.scss

@@ -2,21 +2,20 @@
     padding-bottom: 9rem;
 
     @include media-breakpoint-up(lg) {
-        .g-sky-border {
-            margin-bottom: -73px;
+        .offset {
+            position: absolute;
+            left: 20px;
         }
     }
 
-
     .testimonial-img {
         width: 100%;
-        max-width: 300px;
-        max-height: 300px;
         object-fit: cover;
-
     }
 
     .testimonial-inner-content-wrapper {
+        padding-left: 3em;
+
         .testimonial-title {
             font-size: 32px;
             font-weight: bold;

wp/wp-content/themes/medicalalert/src/scss/video-copy.scss

@@ -26,8 +26,12 @@
     }
 
     .radial-center-graphic {
+        svg {
+            width: 1000px;
+        }
+
         top: 0;
-        left: 50%;
+        left: calc(50% - 500px);
     }
 
 }