- search page styling

src/assets/scss/main-styles.scss

@@ -443,6 +443,35 @@ body {
 }
 
 
+// search banner
+.banner {
+    background-image: url(./../../assets/site/img/main-search-banner.jpg);
+    background-size: cover;
+    background-position-x: center;
+    background-position-y: 25%;
+    background-repeat: no-repeat;
+    padding: 6.2em 0 6.2em 0;
+    min-height: 400px;
+    width: 100%;
+    /* display: flex;
+    flex-direction: column; */
+    justify-content: center;
+    align-items: center;
+}
+
+.mz-5 {
+    margin-bottom: 1.5 rem;
+}
+
+@media (max-width: 576px) {
+    .banner {
+        align-items: flex-start;
+        height: 400px;
+    }
+}
+
+
+
 
 @media only screen and (max-width: 580px) {
     .mobile-space {