diff --git a/src/assets/scss/modules/_header.scss b/src/assets/scss/modules/_header.scss
index d553a93..ea6ee23 100644
--- a/src/assets/scss/modules/_header.scss
+++ b/src/assets/scss/modules/_header.scss
@@ -1,13 +1,21 @@
 @include breakpoint(small){
-  header {
-    min-height: 6rem;
-    .logo {
-      max-width: 10rem;
-    }
-   slide {
-      min-height: 10rem;
-      content {
-        background-color: $primary-color;
+  content{
+    @include xy-grid-container();
+    header {
+      @include xy-grid();
+      @include xy-gutters(0);
+      min-height: 6rem;
+      main {
+       // @include xy-cell(1);
+      }
+      .site-name {
+        display: none;
+      }
+      .logo {
+        max-width: 10rem;
+      }
+      menu {
+      //  @include xy-cell(11);
       }
     }
   }
diff --git a/src/layouts/default.html b/src/layouts/default.html
index e204281..5debb39 100644
--- a/src/layouts/default.html
+++ b/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">
-     <main class="cell shrink">
+   <header class="">
+     <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>