switched position of search logo

pass/public/styles/index.less

@@ -99,7 +99,7 @@
     @media (max-width: @breakpoint-hero-medium) {
       grid-template-columns: 1fr 1fr;
       grid-template-rows: auto auto auto auto;
-      grid-template-areas: "heading heading" "text list" "call-to-action list" "search-logo search-logo";
+      grid-template-areas: "search-logo search-logo" "heading heading" "text list" "call-to-action list";
 
       > h1 {
         text-align: center;
@@ -118,7 +118,7 @@
       }
 
       > div.search-logo {
-        padding: 4rem 1rem 1rem 1rem;
+        padding: 0 1rem 3rem 1rem;
       }
     }
   }
@@ -127,7 +127,7 @@
     > .container {
       grid-template-columns: 1fr;
       grid-template-rows: auto auto auto auto auto;
-      grid-template-areas: "heading" "text" "list" "call-to-action " "search-logo";
+      grid-template-areas: "search-logo" "heading" "text" "list" "call-to-action";
 
       > p {
         text-align: center;