Merge pull request #291 from hlxsites/284-colour-hero-banner

284 Adding classes to capture the large hero background colours

styles/Typo.css

@@ -1599,6 +1599,34 @@ form.hs-form .hs-input[type="checkbox"] {
     background-color: #ededed;
 }
 
+.hero.large.background-orange{
+    background-color: #e47031;
+}
+
+.hero.large.background-yellow{
+    background-color: #ec8f2d;
+}
+
+.hero.large.background-green{
+    background-color: #78a12e;
+}
+
+.hero.large.background-red{
+    background-color: #d1222b;
+}
+
+.hero.large.background-blue{
+    background-color: #005796;
+}
+
+.hero.large.background-black{
+    background-color: #0d233e;
+}
+
+.hero.large.background-purple{
+    background-color: #6f2a8e;
+}
+
 .hero.large > div:nth-child(1) picture > img {
     position: absolute;
     top: 0;