started search router view

src/assets/layout.scss

@@ -29,7 +29,7 @@ html,body{
   bottom:0;
   left:0;
   width: 100vw;
-  padding: 1rem 1em;
+  padding: 1rem 0;
   >.row{
     @include layout-row();
   }

src/assets/main.scss

@@ -37,16 +37,20 @@ body{
     // &.top{
     // }
   }
-  h1.row{
-    font-family: "avara";
-    margin: 0 1em 0 0;
-    a{
-      margin: 0;
-      span.title{
-        font-size: 2em;
+  div.row.title{
+    padding: 0 0 0 1em;
+    h1{
+      font-family: "avara";
+      margin: 0 1em 0 0;
+      a{
+        margin: 0;
+        span.title{
+          font-size: 2em;
+        }
+  
       }
-
     }
+
   }
 
   .row.top{
@@ -102,6 +106,19 @@ body{
             opacity: 0.4;
             cursor: default;
           }
+          @media screen and (max-width: 1500px) {
+            display: flex;
+            flex-direction: column;
+            align-items: center;
+            
+          }
+
+          @media screen and (max-width: 1300px) {
+            span.label{
+              display: none;
+            }
+            
+          }
         }
       }
     }
@@ -466,6 +483,26 @@ body{
 
       
      
+    }
+    section.search{
+      @include main-cartouche();
+
+      h2{
+        font-weight: 400;
+        font-size: 1.323em;
+        padding: 1em 0;
+      }
+
+      form{
+        display: flex;
+        flex-direction: column;
+        justify-content: flex-start;
+        align-items: flex-start;
+        &>*{
+          flex: 0 1 auto;
+        }
+      }
+
     }
     &.recit-opened {
       padding-bottom: 3rem;