Hero banner option 3

Author: PhilReedData

_sass/_additions.scss

@@ -158,4 +158,15 @@ h1, h2, h3, h4, h5, h6 {
   background-repeat: repeat-x;
   background-position: center center;
   border-top: none;
+}
+
+.site-header {
+  background-image: $header-background-image;
+  background-repeat: repeat-x;
+  background-position: center center;
+  border-top: none;
+}
+
+.site-header .wrapper {
+  background: $header-background-color;
 }

_sass/_layout.scss

@@ -269,7 +269,7 @@
     background-repeat: no-repeat;
     background-position: center center;
     background-color: $hero-background-color;
-    background-image: url('/images/hero-banner2.svg');
+    background-image: url('/images/hero-banner3.svg');
     background-size: cover;
     height: 350px;
     @include media-query($on-laptop) {

css/main.scss

@@ -31,7 +31,7 @@ $on-palm:          600px;
 $on-laptop:        800px;
 
 $header-background-color: #6b2c91; /* #272e38;*/
-$header-background-image: url('/images/bg.png');
+$header-background-image: url('/images/tools-square-purple.svg'); /* bg.png */
 $header-text-color:      #fff;
 
 // Additional variables with reskin to match business cards