Add banner layout

assets/scss/custom.scss

@@ -113,23 +113,10 @@ header.header {
   }
 }
 
-main > section {
+section {
     &.hero {
-      height: 100vh;
       background-color: $bg-dark-blue;
       h1 { color: $chill-green; }
-      .hero-img {
-        padding-top: 3rem;
-      }
-      .btn-primary {
-        background-color: $orange;
-        color: white;
-        border-color: $orange;
-        &:hover {
-          background-color: $chill-orange;
-          border: 1px solid $chill-orange;
-        }
-      }
     }
     &.section-1 {
       background-color: white;
@@ -353,8 +340,7 @@ section.dark {
 
 
 ///// PAGES
-
-main > section {
+section {
     &.page-hero {
       height: 40vh;
         background-color: $bg-dark-blue;
@@ -450,7 +436,7 @@ figure.image {
 }
 
 @media screen and (max-width: 1023px) {
-  main > section {
+ section {
     &.section-4 {
       h4 {
         height: 224px;
@@ -478,7 +464,7 @@ figure.image {
 }
 
 @media screen and (max-width: 767px) {
-  main > section {
+  section {
     &.hero {
       height: 110vh;
     }
@@ -543,7 +529,7 @@ figure.image {
 }
 
 @media screen and (max-width: 513px) {
-  main > section {
+   section {
     &.hero {
       height: 120vh;
     }
@@ -566,7 +552,7 @@ figure.image {
 }
 
 @media screen and (max-width: 470px) {
-  main > section {
+   section {
     &.section-4 {
       h4 {
         height: 280px;