removed styles from html and moved into scss

src/assets/scss/modules/_header.scss

@@ -1,13 +1,21 @@
 @include breakpoint(small){
-  header {
+  content{
-    min-height: 6rem;
+    @include xy-grid-container();
-    .logo {
+    header {
-      max-width: 10rem;
+      @include xy-grid();
-    }
+      @include xy-gutters(0);
-   slide {
+      min-height: 6rem;
-      min-height: 10rem;
+      main {
-      content {
+       // @include xy-cell(1);
-        background-color: $primary-color;
+      }
+      .site-name {
+        display: none;
+      }
+      .logo {
+        max-width: 10rem;
+      }
+      menu {
+      //  @include xy-cell(11);
       }
     }
   }

src/layouts/default.html

@@ -13,16 +13,16 @@
 
 {{!-- Pages you create in the src/pages/ folder are inserted here when the flattened page is created. --}}
 
-  <content class="grid-container fluid">
+  <content class="fluid">
    {{> header}}
-   <header class="grid-x grid-padding-x">
+   <header class="">
-     <main class="cell shrink">
+     <main class="">
        <a href="#">
-         <h1 class="site-name hide">arcHIVE</h1>
+         <h1 class="site-name">arcHIVE</h1>
          <img src="{{root}}assets/img/ARC-HIVE-logo.svg" class="logo"/>
        </a>
      </main>
-     <menu class=" cell auto align-right">
+     <menu class="">
        <!-- Content -->
        <ul class="menu">
          <li><a href="#">News</a></li>