asset/scss/components/_forms.scss

@@ -1,6 +1,25 @@
-// search elements
+// .hero{
   .search{
+    @include xy-grid();
+    // display: flex;
+    // flex-direction: column;
+    // align-items: center;
     .input-group {
+      @include breakpoint(small){
+        @include xy-cell (12);
+        margin-left: auto;
+        margin-right: auto;
+      }
+      @include breakpoint(medium){
+        @include xy-cell (6);
+        margin-left: auto;
+        margin-right: auto;
+      }
+      @include breakpoint(large){
+        @include xy-cell (4);
+        margin-left: auto;
+        margin-right: auto;
+      }
       position: relative;
       border-radius: 4rem;
       overflow: hidden;
@@ -64,26 +83,4 @@
       }
     }
   }
-//search block size in content
+// } //end .hero
-article,.omekas-entry-content {
-  .search{
-    @include xy-grid();
-    .input-group {
-      @include breakpoint(small){
-        @include xy-cell (12);
-        margin-left: auto;
-        margin-right: auto;
-      }
-      @include breakpoint(medium){
-        @include xy-cell (6);
-        margin-left: auto;
-        margin-right: auto;
-      }
-      @include breakpoint(large){
-        @include xy-cell (4);
-        margin-left: auto;
-        margin-right: auto;
-      }
-    }
-  }
-}