Mods on header and footer branding

src/assets/scss/global/_branding.scss

@@ -12,7 +12,7 @@
     background-repeat: no-repeat;
     background-position: center;
   }
-  &.archive{
+  &.arc-hive{
     &::before {
       max-width: 10rem;
       background-image: url('../img/ARC-HIVE-logo.svg');

src/assets/scss/modules/_content.scss

@@ -8,13 +8,9 @@
     // -----------------------------
 
     h1,h2,h3,h4,h5,h6,
-    .h1,.h2,.h3,.h4,.h4,.h5,.h6,
+    .h1,.h2,.h3,.h4,.h5,.h6,
     button,.button,
-    header nav,
+    header nav {
-
-
-    h1,h2,h3,h4,h5,h6,
-    .h1,.h2,.h3,.h4,.h4,.h5,.h6 {
             font-variant:all-small-caps;
       a {
         color: $body-font-color;
@@ -82,9 +78,10 @@
           @include xy-cell(12);
           @include flex;
           @include flex-align(center,top);
-        }
+          padding-top: $global-padding*3;
-        @include breakpoint(small){
+          h3 {
-            padding-top: $global-padding*3;
+            line-height: $global-lineheight/1.5;
+          }
         }
       }
       main {
@@ -120,7 +117,7 @@
             }
           }
           .date {
-            height: 1rem;
+            // height: 1rem;
             padding-top: $global-padding*2;
           }
           .entry-title {
@@ -156,11 +153,12 @@
         @include xy-cell(12);
         @include flex;
         @include flex-align(center,top);
-        padding: $global-padding*3 0;
+        padding: $global-padding*2 0;
       }
       header {
+        margin-top: 2*$global-margin;
         border-top: 1px solid $body-font-color;
-        padding: $global-padding*4 0;
+        padding: $global-padding*2 0;
       }
       main {
         @include xy-grid;
@@ -315,17 +313,33 @@
       border-top: none;
       max-height: unset;
       @include breakpoint(small){
-        .slide {
+        .slides {
-          width:100vw;
+          background-color: $secondary-color;
-          &:first-child {
+          .slide {
-              color: $body-font-color;
+            flex-direction: column;
-              background-color: $secondary-color;
+            align-content: center;
+            align-self: center;
+            margin: $global-margin auto;
+            &:first-child {
+              color: unset;
+              background-color: unset;
               font-variant:all-small-caps;
+            }
+            figure {
+              margin: 0 auto;
+              display:flex;
+              justify-content: center;
+            }
           }
         }
       }
       aside {
         background-color: $white;
+        flex-direction: column;
+        align-content: center;
+        h2 {
+          margin: $global-margin;
+        }
       }
     }
   }

src/partials/footer.html

@@ -1,7 +1,7 @@
 
   <footer class="">
     <section class="subsection">
-      <aside class="site-brand archive">
+      <aside class="site-brand arc-hive">
        <a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home" class="">
          <h1 class="site-name">
             <?php bloginfo( 'name' ); ?>
@@ -59,4 +59,3 @@
       </aside>
     </section>
   </footer>
-

src/partials/header.html

@@ -1,5 +1,5 @@
      <main class="">
-       <a href="#" role="banner" class="site-brand">
+       <a href="/" role="banner" class="site-brand arc-hive">
          <h1 class="site-name">arcHIVE</h1>
          <h2 class="site-description">an integrative digital bio-art platform</h2>
        </a>
@@ -8,10 +8,10 @@
        <menu class="">
          <!-- Content -->
          <ul class="menu">
-           <li><a href="#">News</a></li>
+           <li><a href="/">News</a></li>
            <li><a href="omeka-index.html">Omeka</a></li>
-           <li><a href="#">Contact</a></li>
+           <li><a href="styleguide.html">StyleGuide</a></li>
-           <li><a href="#">Search</a></li>
+           <li><a href="kitchensink.html">KitchenSink</a></li>
          </ul>
        </menu>
      </nav>