mobile styling clean up based on qa doc

styles/_buttons.scss

@@ -83,7 +83,7 @@ p + .readmore {
     transition: transform 0.3s ease-out;
   }
   &:hover {
-    background: $blue-purple-500 !important;
+    background: $blue-purple-600 !important;
     border: none;
     &::after {
       -webkit-transform: translateX(4px);

styles/_font.scss

@@ -76,7 +76,7 @@ h6, .h6 {
   font-size: 1.5rem;
   line-height: 32px;
   color: $gray-100;
-  font-weight: 600;
+  font-weight: 500;
   @include media-breakpoint-down(sm) {
     font-size: 1.125rem;
     line-height: 26px;

styles/_landings.scss

@@ -70,6 +70,10 @@
   p a,
   h5 a {
     color: $blue-purple-400;
+    font-weight: 600;
+    &:hover {
+      text-decoration: underline;
+    }
   }
 
   /* Misc. ------------------------------------------------------------------ */

styles/_layout.scss

@@ -369,6 +369,7 @@ $columns: 12; // Number of columns in the grid system
     transition: all 0.15s ease-out;
     cursor: pointer;
     text-decoration: none;
+    box-shadow: 0px 5px 40px 0px $black;
     &:hover {
       -webkit-transform: translateY(-16px);
       -moz-transform: translateY(-16px);

styles/_pages.scss

@@ -11,7 +11,7 @@
 }
 #home-hero-graphic {
   margin-left: auto;
-  width: 608px;
+  width: 856px;
   margin-right: auto;
   margin-bottom: 24px;
   max-width: 100%;
@@ -43,7 +43,7 @@
 // Page backgrounds 
 .landing-bg {
   @include media-breakpoint-down(sm) {
-    opacity: .5;
+    opacity: .6;
   }
 }