diff --git a/.gitattributes b/.gitattributes
new file mode 100644
index 0000000..7f4ddd7
--- /dev/null
+++ b/.gitattributes
@@ -0,0 +1 @@
+default.css merge=ours
diff --git a/asset/img/default-ARC-HIVE-hero-image.jpg.jpg b/asset/img/default-ARC-HIVE-hero-image.jpg.jpg
new file mode 100644
index 0000000..f36ee6e
Binary files /dev/null and b/asset/img/default-ARC-HIVE-hero-image.jpg.jpg differ
diff --git a/asset/scss/components/_accordion.scss b/asset/scss/components/_accordion.scss
index b9a0418..6ed0afb 100644
--- a/asset/scss/components/_accordion.scss
+++ b/asset/scss/components/_accordion.scss
@@ -1,5 +1,22 @@
 .accordion-item {
   border-bottom: $global-border-archive;
+  &:first-of-type {
+    max-height: 5rem;
+    .is-active{
+      max-height: 5rem;
+      padding:0;
+    }
+    .accordion-title::before{
+      content:'';
+    }
+    a {
+      color: black;
+      &:hover,&:active,&:focus{
+        color: black;
+        cursor: not-allowed;
+      }
+    }
+  }
 }
 .accordion-title {
   ul,ol {
@@ -12,3 +29,4 @@
     text-align:left;
   }
 }
+
diff --git a/asset/scss/components/_buttons.scss b/asset/scss/components/_buttons.scss
index 92f0600..57d7daa 100644
--- a/asset/scss/components/_buttons.scss
+++ b/asset/scss/components/_buttons.scss
@@ -23,6 +23,14 @@ button,.button {
   &.secondary {
     border-color: $secondary-color;
   }
+  &.inactive {
+    color: $light-gray;
+    border-color: $light-gray;
+    cursor: not-allowed ;
+    &:hover {
+      background-color: unset;
+    }
+  }
 }
 .hero {
   button,.button {
diff --git a/asset/scss/components/_cards.scss b/asset/scss/components/_cards.scss
index fe5522f..a57f783 100644
--- a/asset/scss/components/_cards.scss
+++ b/asset/scss/components/_cards.scss
@@ -1,3 +1,31 @@
 .card {
   padding: $global-padding;
 }
+.collection-card {
+  ul {
+  &.arc-site-meta {
+      list-style: none;
+      margin: $global-margin 0;
+      li {
+        &:before{
+          content:'';
+          display: inline-block;
+          width: rem-calc(150);
+          min-height: rem-calc($global-lineheight);
+        }
+        &.artist:before {
+          content:'Artist';
+        }
+        &.date:before {
+          content: 'Year';
+        }
+        &.collection:before {
+          content: 'Collection';
+        }
+        &.tech-document-link:before {
+          content: 'Keywords';
+        }
+      }
+    }
+  }
+}
diff --git a/asset/scss/components/_forms.scss b/asset/scss/components/_forms.scss
index a510910..6db0b1b 100644
--- a/asset/scss/components/_forms.scss
+++ b/asset/scss/components/_forms.scss
@@ -1,66 +1,67 @@
-.search{
-  .input-group * {
-    margin: 0;
-  }
-  .input-group {
-    position: relative;
-    border-radius: 4rem;
-    overflow: hidden;
-    padding: 0;
-    margin: 0;
-  }
-  .input-group .appear {
-    right: 0;
-    position: absolute;
-    height: 100%;
-    padding: 0.3rem 1rem;
-  }
-  .button{
-    border-color: $primary-color;
-  }
-  .appear{
-    display:none;
-  }
-  input{
-    &:active{
-      border-color: $primary-color;
-      background-color: $input-background-focus;
+.hero{
+  .search{
+    .input-group * {
+      margin: 0;
     }
-    &:focus,&:focus-within{
-      border-color: $primary-color;
-      background-color: $input-background;
-    }
-    &:not(:placeholder-shown) {
-      border:none;
-      background-color: $input-background-focus;
+    .input-group {
       position: relative;
-      right: 2rem;
-      + .appear {
-        display: block;
-        color: $primary-color;
+      border-radius: 4rem;
+      overflow: hidden;
+      padding: 0;
+      margin: 0;
+    }
+    .input-group .appear {
+      right: 0;
+      position: absolute;
+      height: 100%;
+      padding: 0.3rem 1rem;
+    }
+    .button{
+      border-color: $primary-color;
+    }
+    .appear{
+      display:none;
+    }
+    input{
+      &:active{
+        border-color: $primary-color;
         background-color: $input-background-focus;
-        z-index: 2;
-        &:hover {
-          color: $white;
-          background-color: $primary-color;
-        }
+      }
+      &:focus,&:focus-within{
+        border-color: $primary-color;
+        background-color: $input-background;
+      }
+      &:not(:placeholder-shown) {
+        border:none;
+        background-color: $input-background-focus;
+        position: relative;
+        right: 2rem;
+        + .appear {
+          display: block;
+          background-color: scale-color($input-background-focus, $lightness: -20%);
+          z-index: 2;
+          &:hover {
+            color: $white;
+            background-color: $primary-color;
+          }
 
+        }
+      }
+    }
+    .hollow {
+      border-color: $primary-color;
+      color: $primary-color;
+      &::after {
+      }
+      &::placeholder {
+        color: scale-color($primary-color, $lightness: -20%);
+      }
+      &:hover {
+        background-color: scale-color($primary-color, $lightness: 95%);
+      }
+      &:active {
+        background-color: scale-color($primary-color, $lightness: 85%);
       }
     }
   }
-  .hollow {
-    border-color: $primary-color;
-    color: $primary-color;
-    &::after {
-    }
-    &::placeholder {
-      color: scale-color($primary-color, $lightness: -20%);
-    }
-    &:hover {
-      background-color: scale-color($primary-color, $lightness: 95%);
-    }
-    &:active {
-      background-color: scale-color($primary-color, $lightness: 85%);
-    }
-  }
 }
diff --git a/asset/scss/global/_omeka.scss b/asset/scss/global/_omeka.scss
index 82f11cd..aa80c35 100644
--- a/asset/scss/global/_omeka.scss
+++ b/asset/scss/global/_omeka.scss
@@ -322,12 +322,12 @@ body.vertical-menu header .desktop {
 }
 
 .browse-control-mobile {
-  // display: none;
-  //
-  // @include breakpoint(small down) {
-  //   display: inline-block;
+   display: none;
+
+   @include breakpoint(small down) {
+     display: inline-block;
   //   float: right;
-  // }
+   }
 }
 
 .browse-toggle {
@@ -355,9 +355,9 @@ body.vertical-menu header .desktop {
 }
 
 .browse-controls {
-  // @include xy-grid;
-  // justify-content: space-between;
-  // align-items: center;
+   @include xy-grid;
+   justify-content: space-between;
+   align-items: center;
   // margin: 0 (-.5 * $global-margin);
   // font-size: .875 * $global-font-size;
   //
@@ -373,19 +373,19 @@ body.vertical-menu header .desktop {
   //   margin-right: .5 * $global-margin;
   // }
   //
-  // @include breakpoint(small down) {
+   @include breakpoint(small down) {
   //   margin: 0;
-  //   display: none;
-  //
-  //   &.open {
-  //     display: flex;
-  //     align-items: stretch;
-  //   }
-  //
-  //   &.closed {
-  //     display: none;
-  //   }
-  //
+     display: none;
+
+     &.open {
+       display: flex;
+       align-items: stretch;
+     }
+
+     &.closed {
+       display: none;
+     }
+
   //   .sorting,
   //   .omeka-pagination,
   //   .advanced-search {
@@ -395,7 +395,14 @@ body.vertical-menu header .desktop {
   //   .advanced-search {
   //     order: 3;
   //   }
-  // }
+   }
+  .button-group {
+    margin-bottom: 0;
+  }
+  button,.button{
+    font-size: $global-font-size * 0.9;
+    padding: $global-padding*0.7 $global-padding*1.7;
+  }
 }
 
 .filter {
@@ -507,20 +514,20 @@ body.vertical-menu header .desktop {
 }
 
 .omeka-pagination {
-  // @include breakpoint(medium) {
-  //   @include xy-cell(4);
-  // }
+   @include breakpoint(medium) {
+     @include xy-cell();
+   }
 }
 
 .omeka-pagination,
 .omeka-pagination form {
-  // display: flex;
-  // align-items: center;
+   display: flex;
+   align-items: center;
 }
 
 .omeka-pagination .button-group {
-  // flex-wrap: nowrap;
-  // flex-grow: 0;
+   flex-wrap: nowrap;
+   flex-grow: 0;
 }
 
 .omeka-pagination form,
@@ -538,17 +545,27 @@ body.vertical-menu header .desktop {
 }
 
 .sorting {
-  // display: flex;
+   display: flex;
 }
 
 .sorting select {
-  // width: 100%;
-  // height: 100%;
-  // margin-bottom: 0;
+   width: 100%;
+   height: 100%;
+   margin-bottom: 0;
 }
 
-.sorting button {
-  // margin-bottom: 0;
+.sorting {
+  display: flex;
+  button,.button {
+    padding: 0 $global-padding*1.4;
+    font-size: $global-font-size * 0.85;
+    margin: 0 $global-margin;
+  }
+  select {
+    // width: 100%;
+    // height: 100%;
+    margin-bottom: 0;
+  }
 }
 
 .layout-toggle button {
diff --git a/asset/scss/modules/_content.scss b/asset/scss/modules/_content.scss
index faba31d..083b935 100644
--- a/asset/scss/modules/_content.scss
+++ b/asset/scss/modules/_content.scss
@@ -188,7 +188,7 @@ main {
     article {
       @include card-container();
         @include xy-cell();
-        width: 100%; 
+        width: 100%;
         padding: 0;
         margin: 0;
       @include breakpoint(small){
@@ -211,7 +211,6 @@ main {
       @include breakpoint(small){
         figure {
           @include xy-cell(12);
-          background-color: $light-gray;
           margin-left:0;
           margin-right:0;
         }
@@ -392,12 +391,42 @@ main {
     aside {
       background-color: $white;
       flex-direction: column;
-      align-content: center;
+      align-items: center;
       h2 {
         margin: $global-margin;
       }
     }
   }
+  &.collections-all {
+
+  }
+  &.collection-single {
+    .slides{
+      background-color: unset;
+      .slide {
+      margin:0 auto;
+      height: unset;
+      width: 100vw;
+      max-height: 10rem;
+      @include breakpoint(large){
+        height: unset;
+      }
+      img,.arc-page-header-img {
+        background-repeat: no-repeat;
+        background-size: contain;
+        width: 100vw;
+      }
+    }
+    }
+    aside {
+      nav {
+        width: 100vw;
+        border-top: $global-border-archive;
+        border-bottom: $global-border-archive;
+        margin: 0;
+      }
+    }
+  }
 }
 //end hero
 
diff --git a/asset/scss/modules/_footer.scss b/asset/scss/modules/_footer.scss
index 4f9dd70..46f04fd 100644
--- a/asset/scss/modules/_footer.scss
+++ b/asset/scss/modules/_footer.scss
@@ -1,4 +1,5 @@
 footer {
+  margin-top: $global-margin;
   background-color: $secondary-color;
   a {
     color: $body-font-color;
@@ -24,7 +25,7 @@ footer {
   .logo {
   }
   .site-brand,.brand-logo {
-    &.archive{
+    &.archive,&.arc-hive{
       &::before {
         margin-top:unset;
       }
@@ -32,7 +33,6 @@ footer {
     &.eu {
       &::before {
         @include breakpoint(small) {
-          // background-image: url('../img/eu_flag_creative_europe_co_funded_black_right.svg');
           background-position-x: right;
           max-width: 50vw;
           margin-top:unset;
@@ -59,7 +59,6 @@ footer {
        padding: $global-padding;
        font-size: $global-font-size * 0.8;
        &:first-child {
-         //padding-top: $global-padding*3;
        }
        .co-founded {
          text-align:right;
diff --git a/view/common/block-layout/list-of-sites.phtml b/view/common/block-layout/list-of-sites.phtml
index 651b3ac..9a9510b 100644
--- a/view/common/block-layout/list-of-sites.phtml
+++ b/view/common/block-layout/list-of-sites.phtml
@@ -1,4 +1,8 @@
 <?php
+//
+// as for 2021 07 28 this template is not being used
+// consider deleting it
+//
 $archiveSiteHelper = $this->getHelperPluginManager()->get('archiveSiteMeta');
 ?>
 
diff --git a/view/common/cross-site-search/results.phtml b/view/common/cross-site-search/results.phtml
index 78d42b1..1ef7c84 100644
--- a/view/common/cross-site-search/results.phtml
+++ b/view/common/cross-site-search/results.phtml
@@ -11,7 +11,8 @@ $hasResults = false;
 <?php
 $img_src = $this->getHelperPluginManager()->get('archiveSiteMeta')->getSiteImage($this->site);
 if (!$img_src) {
-  $img_src = '/themes/archive/asset/img/default-header-image.jpg';
+  //$img_src = '/themes/archive/asset/img/default-header-image.jpg';
+  $img_src = $this->assetUrl('img/ARC-HIVE-logo.svg');
 }
 if ($this->site->title() == "Collections") {
   $image_height = "300px";
diff --git a/view/common/header-default.phtml b/view/common/header-default.phtml
index be0c717..ac416ee 100644
--- a/view/common/header-default.phtml
+++ b/view/common/header-default.phtml
@@ -11,23 +11,23 @@
            title="an arc-hive project"
            alt="arc-hive logo" />
     <?php endif; ?>
-    <h1 class="site-name"><?php echo $site->title(); ?></h1>
-    <h2 class="site-description">an integrative digital bio-art platform</h2>
+    <h1 class="site-name">
+      <?php echo $site->title(); ?>
+    </h1>
+    <h2 class="site-description">
+        an integrative digital bio-art platform
+  </h2>
   </a>
 </main>
 <nav>
   <menu class="">
-    <ul>
-      <li>
-        Segun el diseño, este menu no existe
-      </li>
-    </ul>
-    <?php /*
-          echo $site->publicNav()
-                    ->menu()
-                    ->setPartial('common/foundation-navigation.phtml')
-                    ->renderPartialWithParams(['layout' => 'dropdown']);
-          */
+    <?php //
+          // Segun el diseño, este menu no existe
+          // ----------
+          // echo $site->publicNav()
+          //           ->menu()
+          //           ->setPartial('common/foundation-navigation.phtml')
+          //           ->renderPartialWithParams(['layout' => 'dropdown']);
     ?>
   </menu>
 </nav>
diff --git a/view/common/hero-collections.phtml b/view/common/hero-collections.phtml
index fd7c308..d09fade 100644
--- a/view/common/hero-collections.phtml
+++ b/view/common/hero-collections.phtml
@@ -1,34 +1,34 @@
-<section class="hero omeka">
+<section class="hero omeka collections-all">
   <main class="slides">
     <?php if ($this->themeSetting('logo')): ?>
       <section class="slide">
         <figure>
           <img src="<?php echo $this->themeSettingAssetUrl('logo'); ?>"
-               alt="<?php echo $site->title(); ?>"
                title="<?php echo $site->title(); ?>"
+               alt="<?php echo $site->title(); ?>"
                class="logo" />
         </figure>
       </section>
     <?php else: ?>
     <section class="slide">
-        <!-- <p>ARC-HIVE is a curatorial space that gathers artworks that work in the continuum of biomateriality, from DNA, proteins, and cells to full organisms. They can be manipulation, modification or (re)creation of life and living processes.</p> -->
         <figure>
           <img src="<?php echo $this->assetUrl('img/ARC-HIVE-logo.svg');?>"
-               class="logo"
                title="an arc-hive project"
-               alt="arc-hive logo" />
+               alt="arc-hive logo"
+               class="logo" />
         </figure>
     </section>
     <?php endif; ?>
 
   </main>
   <aside>
-    <h2>
+    <h2 class="site-title">
       <a href="<?= $this->site->url() ?>">
         <?= $this->site->title() ?>
       </a>
     </h2>
-    <?php echo $this->partial('common/search-form.phtml'); ?>
-
+    <nav class="">
+      <?php echo $this->partial('common/search-form.phtml'); ?>
+    </nav>
   </aside>
 </section>
diff --git a/view/common/hero-default.phtml b/view/common/hero-default.phtml
index 2243065..1212bd6 100644
--- a/view/common/hero-default.phtml
+++ b/view/common/hero-default.phtml
@@ -1,27 +1,28 @@
-<section class="hero omeka">
+<section class="hero omeka collection-single">
   <main class="slides">
     <section class="slide">
         <figure>
-          <img class="arc-page-header-img"
+          <img
                title="an arc-hive project"
-               alt="collection logo" />
+               alt="collection logo"
+               class="arc-page-header-img" />
         </figure>
     </section>
   </main>
   <aside>
-    <h2>
+    <h2 class="site-title">
       <a href="<?= $this->site->url() ?>">
         <?= $this->site->title() ?>
       </a>
     </h2>
-    <?php
-      echo $site->publicNav()
-                ->menu()
-                ->setPartial('common/foundation-navigation.phtml')
-                ->renderPartialWithParams(['layout' => 'dropdown']);
-
-    ?>
-    <?php echo $this->partial('common/search-form.phtml'); ?>
+    <nav class="">
+      <?php
+        echo $site->publicNav()
+                  ->menu()
+                  ->setPartial('common/foundation-navigation.phtml')
+                  ->renderPartialWithParams(['layout' => 'dropdown']);
 
+      ?>
+      <?php echo $this->partial('common/search-form.phtml'); ?>    </nav>
   </aside>
 </section>
diff --git a/view/omeka/site/page/show.phtml b/view/omeka/site/page/show.phtml
index e6b5b38..6f5de0a 100644
--- a/view/omeka/site/page/show.phtml
+++ b/view/omeka/site/page/show.phtml
@@ -11,7 +11,7 @@ $showPagePagination = $this->siteSetting('show_page_pagination', true);
 $img_src = null;
   $img_src = $this->getHelperPluginManager()->get('headerImage')->getImage($page);
   if (!$img_src) {
-    $img_src = $this->assetUrl('img/ARC-HIVE-logo.svg');
+    $img_src = $this->assetUrl('img/default-ARC-HIVE-hero-image.jpg');
   }
   ?>
   <style>