diff --git a/footer.php b/footer.php
index 4bc949d..8037b75 100644
--- a/footer.php
+++ b/footer.php
@@ -26,20 +26,20 @@
       </aside>
       <aside class="double newsletter">
         <p> subscribe to our <br/>
-        <span class="h3"><a href="https://arc-hive.zone/newsletter/">news letter</a></span>
+        <span class="h4"><a href="https://arc-hive.zone/newsletter/">newsletter</a></span>
         </p>
       </aside>
       <aside class="newsletter">
         <p> follow us on  <br/>
-        <span class="h3"><a href="https://www.facebook.com/arc.hive.platform/">facebook</a></span>
-        <span class="h3"><a href="https://www.instagram.com/arc.hive.zone/">instagram</a></span>
+        <span class="h4"><a href="https://www.facebook.com/arc.hive.platform/">facebook</a></span>
+        <span class="h4"><a href="https://www.instagram.com/arc.hive.zone/">instagram</a></span>
         </p>
       </aside>
     </section>
     <section class="subsection">
       <aside class="contact">
         <p><a href="mailto:info@arc-hive.zone">info@arc-hive.zone</a></p>
-        <p class="address">Emilia Coranty 16 <br /> 08018 Barcelona Spain</p>
+        <p class="h5"><a href="https://arc-hive.zone/contact/">CONTACT</a></p>
       </aside>
       <aside class="double partners">
         <p>ARC-HIVE partners are:</p>
@@ -47,7 +47,7 @@
           <li class="h5"> <a href="#">Cultivamos Cultura</a></li>
           <li class="h5"> <a href="#">Bioart Society</a></li>
           <li class="h5"> <a href="#">Kersnikova</a></li>
-          <li class="h5"> <a href="#">Institute of natural sciences</a></li>
+          <li class="h5"> <a href="#">RBINS</a></li>
           <li class="h5"> <a href="#">Kontejner</a></li>
           <li class="h5"> <a href="#">Hangar</a></li>
         </ul>
diff --git a/functions.php b/functions.php
index ef34c76..0cfb894 100644
--- a/functions.php
+++ b/functions.php
@@ -55,5 +55,11 @@ require_once( 'library/responsive-images.php' );
 /** Gutenberg editor support */
 require_once( 'library/gutenberg.php' );
 
+/** Catch post first image */
+require_once( 'library/catch-first-image.php' );
+
+/** Reduce the excerpt length */
+require_once( 'library/excerpt-mods.php' );
+
 /** If your site requires protocol relative url's for theme assets, uncomment the line below */
 // require_once( 'library/class-foundationpress-protocol-relative-theme-assets.php' );
diff --git a/gulpfile.babel.js b/gulpfile.babel.js
index 7cd53b1..a5aad81 100644
--- a/gulpfile.babel.js
+++ b/gulpfile.babel.js
@@ -300,7 +300,7 @@ function watch() {
 
 // Build the "dist" folder by running all of the below tasks
 gulp.task('build',
-  gulp.series(clean, gulp.parallel(javascript, images, img,copy), sass));
+  gulp.series(clean, gulp.parallel(javascript, images, img, copy), sass));
 
 // Build the site, run the server, and watch for file changes
 gulp.task('default',
diff --git a/index.php b/index.php
index dd75c9a..2699bf5 100644
--- a/index.php
+++ b/index.php
@@ -43,6 +43,6 @@ get_header(); ?>
 
 		</main>
 
-		<?php get_announcement(); ?>
+		<?php //get_template_part( 'template-parts/announcement' ); ?>
 
 <?php get_footer();
diff --git a/library/catch-first-image.php b/library/catch-first-image.php
new file mode 100644
index 0000000..7fd8530
--- /dev/null
+++ b/library/catch-first-image.php
@@ -0,0 +1,26 @@
+<?php
+/**
+ * Start catch up first image in a post else get the custom logo
+ * ----------------------------------------------------------------------------
+ * @package arcHIVE 
+ */
+if ( ! function_exists( 'catch_post_first_image' ) ) :
+  function catch_post_first_image() {
+    global $post, $posts;
+    $first_img = '';
+    ob_start();
+    ob_end_clean();
+    $output = preg_match_all('/<img.+src=[\'"]([^\'"]+)[\'"].*>/i', $post->post_content, $matches);
+    $first_img = $matches [1] [0];
+    if(!empty($first_img)){
+      return $first_img;
+    }
+    if(empty($first_img)){ //Defines a default image
+      // https://developer.wordpress.org/reference/functions/the_custom_logo/
+      $custom_logo_image = wp_get_attachment_image_src( get_theme_mod( 'custom_logo' ) , 'full' );
+      $first_img = $custom_logo_image[0];
+      return $first_img;
+    }
+  }
+endif;
+?>
diff --git a/library/excerpt-mods.php b/library/excerpt-mods.php
new file mode 100644
index 0000000..5c2df9b
--- /dev/null
+++ b/library/excerpt-mods.php
@@ -0,0 +1,16 @@
+<?php
+
+/**
+ * Filter the except length to 20 words.
+ *
+ * @param int $length Excerpt length.
+ * @return int (Maybe) modified excerpt length.
+ */
+if ( ! function_exists( 'foundationpress_custom_excerpt_length' ) ) :
+    function foundationpress_custom_excerpt_length( $length ) {
+    return 20;
+    }
+add_filter( 'excerpt_length', 'foundationpress_custom_excerpt_length', 999 );
+
+endif;
+
diff --git a/library/navigation.php b/library/navigation.php
index 51db5d4..c6b6e0c 100644
--- a/library/navigation.php
+++ b/library/navigation.php
@@ -10,7 +10,7 @@
 register_nav_menus(
 	array(
 		'top-bar-r'  => esc_html__( 'Right Top Bar', 'foundationpress' ),
-		'mobile-nav' => esc_html__( 'Mobile', 'foundationpress' ),
+//		'mobile-nav' => esc_html__( 'Mobile', 'foundationpress' ),
 		'home-hero-bar' => esc_html__( 'Home Hero bar', 'foundationpress' ),
 	)
 );
@@ -69,7 +69,7 @@ if ( ! function_exists( 'foundationpress_home_hero_bar' ) ) {
 		wp_nav_menu(
 			array(
 				'container'      => false,
-				'menu_class'     => 'menu button',
+				'menu_class'     => 'menu button hollow',
 				'items_wrap'     => '<ul id="%1$s" class="%2$s">%3$s</ul>',
 				'theme_location' => 'home-hero-bar',
 				'depth'          => 3,
diff --git a/page-templates/front.php b/page-templates/front.php
index 76d28ae..44c8fcc 100644
--- a/page-templates/front.php
+++ b/page-templates/front.php
@@ -13,6 +13,4 @@ get_header(); ?>
 	    <?php get_template_part( 'template-parts/section', 'news' ); ?>
 		</main>
   </article>
-
-
 <?php get_footer();
diff --git a/src/assets/scss/_settings.scss b/src/assets/scss/_settings.scss
index 77d860b..f4bdbcf 100644
--- a/src/assets/scss/_settings.scss
+++ b/src/assets/scss/_settings.scss
@@ -72,7 +72,7 @@
 // 1. Global
 // ---------
 
-$global-font-size:1.5rem; 
+$global-font-size:100%; 
 $global-width: 100vw;
 $global-lineheight: 1.5;
 
diff --git a/src/assets/scss/app.scss b/src/assets/scss/app.scss
index df1e934..7243468 100644
--- a/src/assets/scss/app.scss
+++ b/src/assets/scss/app.scss
@@ -20,9 +20,9 @@
 @include foundation-button-group;
 @include foundation-close-button;
 @include foundation-label;
-@include foundation-progress-bar;
-@include foundation-slider;
-@include foundation-switch;
+//@include foundation-progress-bar;
+//@include foundation-slider;
+//@include foundation-switch;
 @include foundation-table;
 // Basic components
 @include foundation-badge;
@@ -36,7 +36,7 @@
 // Containers
 @include foundation-accordion;
 @include foundation-media-object;
-@include foundation-orbit;
+//@include foundation-orbit;
 @include foundation-responsive-embed;
 @include foundation-tabs;
 @include foundation-thumbnail;
@@ -67,21 +67,31 @@
 // arcHIVE styles
 
 // global project styles
-@import "global/colors";
+
+@import "global/wp-overrides"; //errors
+@import "global/wp-admin";  //errors 
 @import "global/typography";
+@import "global/gutenberg";
+@import "global/colors";
 @import "global/branding";
+@import "global/accessibility";
 
 // Modules
 @import "modules/navigation";
 @import "modules/header";
-@import "modules/content";
 @import "modules/footer";
+//@import "modules/editor-syle";
+@import "modules/content";
 
 // Componentes
+@import "components/links";
+@import "components/featured-image";
+@import "components/dividers";
 @import "components/cards";
 @import "components/buttons";
 @import "components/accordion";
 
+
 // Templates
 //@import "templates/front";
 
diff --git a/src/assets/scss/global/_colors.scss b/src/assets/scss/global/_colors.scss
index 312ab5f..baa304d 100644
--- a/src/assets/scss/global/_colors.scss
+++ b/src/assets/scss/global/_colors.scss
@@ -10,4 +10,3 @@ $mid-grey: #808080;
 $antracite-grey: #333333;
 $forest-green: #1E6041;
 $raspberry-purple: #54367B;
-
diff --git a/src/assets/scss/global/_typography.scss b/src/assets/scss/global/_typography.scss
index d1d9b93..643bdd4 100644
--- a/src/assets/scss/global/_typography.scss
+++ b/src/assets/scss/global/_typography.scss
@@ -26,16 +26,19 @@
 // not in foundation variables
 // -----------------------------
 
-h1,h2,h3,h4,h5,h6,
-.h1,.h2,.h3,.h4,.h4,.h5,.h6,
-button,.button,
-header nav,
-.hero .claim
-{
-  font-variant:all-small-caps;
-  a {
-    color: #000;
-  }
-}
-
-
+//h1,h2,h3,h4,h5,h6,
+//.h1,.h2,.h3,.h4,.h4,.h5,.h6,
+//button,.button,
+//header nav,
+//.hero .claim
+//{
+//  font-variant:all-small-caps;
+//}
+//
+//
+//h1,h2,h3,h4,h5,h6,
+//.h1,.h2,.h3,.h4,.h4,.h5,.h6 {
+//  a {
+//    color: $black;
+//  }
+//}
diff --git a/src/assets/scss/global/_wp-admin.scss b/src/assets/scss/global/_wp-admin.scss
index a99ee52..77e3da6 100644
--- a/src/assets/scss/global/_wp-admin.scss
+++ b/src/assets/scss/global/_wp-admin.scss
@@ -15,7 +15,7 @@ body.admin-bar {
   &.offcanvas {
     .off-canvas.is-open {
       top: rem-calc(46);
-      @include breakpoint(783) {
+      @include breakpoint(small) {
         top: rem-calc(32);
       }
     }
diff --git a/src/assets/scss/global/_wp-overrides.scss b/src/assets/scss/global/_wp-overrides.scss
index 5ffcd16..74ee7bc 100644
--- a/src/assets/scss/global/_wp-overrides.scss
+++ b/src/assets/scss/global/_wp-overrides.scss
@@ -1,57 +1,57 @@
-.wp-caption > figcaption {
-  max-width: 100%;
-  font-size: 0.8rem;
-  color: #999;
-  padding: 0.25rem 0;
-}
-
-p.wp-caption-text{
-  font-size:90%;
-  color: #666;
-  padding:rem-calc(10) 0;
-}
-
-.alignleft {
-  float: left;
-  padding-right: 1rem;
-  margin: 0;
-}
-
-.alignright {
-  float: right;
-  padding-left: 1rem;
-  margin: 0;
-}
-
-.aligncenter {
-  display: block;
-  margin-left: auto;
-  margin-right: auto;
-}
-
-.gallery {
-  @include xy-grid;
-  @include xy-gutters($negative: true);
-  @for $i from 1 through 9 {
-    &.gallery-columns-#{$i} {
-      @include xy-grid-layout(2, '.gallery-item', true);
-    }
-    @include breakpoint(medium){
-      &.gallery-columns-#{$i} {
-        @include xy-grid-layout(4, '.gallery-item', true, (small: 30px));
-      }
-    }
-    @include breakpoint(large) {
-      &.gallery-columns-#{$i} {
-        @include xy-grid-layout($i, '.gallery-item', true, (small: 30px));
-      }
-    }
-  }
-  .gallery-icon > a {
-    @include thumbnail;
-    @include thumbnail-link;
-  }
-  .gallery-icon > img {
-    @include thumbnail;
-  }
-}
+//.wp-caption > figcaption {
+//  max-width: 100%;
+//  font-size: 0.8rem;
+//  color: #999;
+//  padding: 0.25rem 0;
+//}
+//
+//p.wp-caption-text{
+//  font-size:90%;
+//  color: #666;
+//  padding:rem-calc(10) 0;
+//}
+//
+//.alignleft {
+//  float: left;
+//  padding-right: 1rem;
+//  margin: 0;
+//}
+//
+//.alignright {
+//  float: right;
+//  padding-left: 1rem;
+//  margin: 0;
+//}
+//
+//.aligncenter {
+//  display: block;
+//  margin-left: auto;
+//  margin-right: auto;
+//}
+//
+//.gallery {
+//  @include xy-grid;
+//  @include xy-gutters($negative: true);
+//  @for $i from 1 through 9 {
+//    &.gallery-columns-#{$i} {
+//      @include xy-grid-layout(2, '.gallery-item', true);
+//    }
+//    @include breakpoint(medium){
+//      &.gallery-columns-#{$i} {
+//        @include xy-grid-layout(4, '.gallery-item', true, (small: 30px));
+//      }
+//    }
+//    @include breakpoint(large) {
+//      &.gallery-columns-#{$i} {
+//        @include xy-grid-layout($i, '.gallery-item', true, (small: 30px));
+//      }
+//    }
+//  }
+//  .gallery-icon > a {
+//    @include thumbnail;
+//    @include thumbnail-link;
+//  }
+//  .gallery-icon > img {
+//    @include thumbnail;
+//  }
+//}
diff --git a/src/assets/scss/modules/_content.scss b/src/assets/scss/modules/_content.scss
index 2cab6f6..054d4b5 100644
--- a/src/assets/scss/modules/_content.scss
+++ b/src/assets/scss/modules/_content.scss
@@ -1,29 +1,84 @@
-  content {
+  //content {
+    
+    // general styles
+    //----------------
+    //
+    // mods on fonts and typography 
+    // not in foundation variables
+    // -----------------------------
+    
+    h1,h2,h3,h4,h5,h6,
+    .h1,.h2,.h3,.h4,.h4,.h5,.h6,
+    button,.button,
+    header nav,
+    .hero .claim
+    {
+      font-variant:all-small-caps;
+    }
+    
+    
+    h1,h2,h3,h4,h5,h6,
+    .h1,.h2,.h3,.h4,.h4,.h5,.h6 {
+      a {
+        color: $body-font-color;
+      }
+    }
+    
+    //
+    // main block
+    //--------------
+
 
     main {
       article {
+        @include xy-grid;
         header {
+          @include xy-cell(12);
           .entry-title {
             width: 100%;
             text-align: center;
           }
         }
         .entry-content {
-          padding: $global-padding*3;
+          @include breakpoint(small){
+            @include xy-cell(12);
+            padding: $global-padding*2 ;
+            margin:0 auto;
+          }
+          @include breakpoint(medium){
+            @include xy-cell(12);
+            padding: $global-padding*2 $global-padding*3;
+            max-width: 50rem;
+            margin:0 auto;
+          }
+          @include breakpoint(xlarge){
+            @include xy-cell(12);
+            max-width: 50rem;
+            padding: $global-padding*2 $global-padding*3;
+            font-size: $global-font-size*1.2;
+            margin: 0 auto;
+          }
         }
       }
     }
+
+
     //
     // news category
     //--------------
     
-    .news {
+    .news,.news-category {
       @include xy-grid;
       header,main,aside {
-        @include xy-cell(12);
-        @include flex;
-        @include flex-align(center,top);
-        padding: $global-padding*3 0;
+        @include breakpoint(small){
+          padding-top: 0;
+          @include xy-cell(12);
+          @include flex;
+          @include flex-align(center,top);
+        }
+        @include breakpoint(small){
+            padding-top: $global-padding*3;
+        }
       }
       main {
         //@include xy-cell(12);
@@ -40,9 +95,40 @@
           @include breakpoint(large){
             @include xy-cell(4);
           }
+          figure {
+            @include breakpoint(small){
+              @include xy-cell(12);
+              height: 58vw;
+              max-width: 100%;
+              overflow: hidden;
+              background-position: center;
+              background-repeat: no-repeat;
+              background-size: cover;
+            }
+            @include breakpoint(medium){
+              height: 28vw;
+            }
+            @include breakpoint(large){
+              height: 20vw;
+            }
+          }
+          .entry-title {
+             padding-top: 4rem;
+             line-height: 0.7;
+             font-size: 1.5rem;
+          }
         }
       }
       aside {
+            @include breakpoint(small){
+              padding-top:0;
+              padding-bottom: $global-padding*3;
+            }
+            @include breakpoint(medium){
+              padding-top:$global-padding*3;
+              padding-bottom: 0;
+
+            }
       }
     }
     // end news category
@@ -89,41 +175,36 @@
     // for big announcemnts
     //---------------------
 
-$hero-padding: $global-padding * 3; 
 
   .hero {
     border-top: 2px solid $primary-color;
-    background-color: $primary-color;
-    .slide {
+    .slides {
       @include xy-grid();
-      .claim, figure {
+      .slide {
+        @include xy-grid;
         @include breakpoint(small){
-          @include xy-cell(full);
+          @include xy-cell(100%);
+          @include xy-cell-gutters(0,margin);
+          width: 100%;
+          padding: $global-padding*2;
         }
         @include breakpoint(medium){
-          @include xy-cell(auto);
+          @include xy-cell(50%);
           @include xy-cell-gutters(0,margin);
-          @include flex;
-          @include flex-align(center,middle);
-        }
-        padding: $hero-padding;
-      }
-      .claim{
-        color: $white;
-        @include xy-grid;
-        @include breakpoint(medium) {
           font-size: $lead-font-size;
+          padding: $global-padding * 3; 
         }
+        &:first-child {
+            background-color: $primary-color;
+        }
+        color: $white;
         > * {
           @include xy-cell(full);
           @include flex;
-          @include flex-align(center,bottom);
+          @include flex-align(center,middle);
 
         }
-      }
-      figure {
-        background-color: $white;
-          .logo {
+        .logo {
           @include breakpoint(medium){
             max-width: 80%;
           }
@@ -138,8 +219,14 @@ $hero-padding: $global-padding * 3;
         @include flex;
         @include flex-align(spaced,middle);
         min-height: 8rem;
+        a {
+          color: $body-font-color;
+        }
+        .button {
+          justify-content:center;
         }
       }
+    }
     //hero secondary
     &.secondary {
       border-top: none;
@@ -156,5 +243,5 @@ $hero-padding: $global-padding * 3;
   } 
   //end hero
 
-}
+//}
 // end content
diff --git a/src/assets/scss/modules/_footer.scss b/src/assets/scss/modules/_footer.scss
index 4468e97..c4c7216 100644
--- a/src/assets/scss/modules/_footer.scss
+++ b/src/assets/scss/modules/_footer.scss
@@ -1,5 +1,4 @@
-@include breakpoint(small) {
- footer {
+footer {
   background-color: $secondary-color;
   a {
     color: $body-font-color;
@@ -22,17 +21,39 @@
   .logo {
   }
   .subsection {
-    @include xy-grid;
-      @include flex;
-      @include flex-align(left,bottom);
-    border-top: 1px solid black;
-    padding: $global-padding 0;
-    aside {
-      @include xy-cell(3);
+    @include breakpoint(small) {
+       @include xy-grid;
+       @include flex;
+       @include flex-align(left,bottom);
+       border-top: 1px solid black;
+       padding: $global-padding 0;
+       font-size: $global-font-size * 0.8;
+       &:first-child {
+         padding-top: $global-padding*3;
+       }
+       .co-founded {
+         text-align:right;
+       }
+     }
+     @include breakpoint(medium) {
+       font-size: $global-font-size;
+     }
+     aside {
+       @include breakpoint(small) {
+         @include xy-cell(12);
+       }
+       @include breakpoint(medium) {
+         @include xy-cell(3);
+       }
       &.double {
-        @include xy-cell(6);
+       @include breakpoint(small) {
+         @include xy-cell(12);
+       }
+       @include breakpoint(medium) {
+         @include xy-cell(6);
+       }
       }
     }
   }
  }
-}
+
diff --git a/src/assets/scss/modules/_header.scss b/src/assets/scss/modules/_header.scss
index 42f7f9f..be6e323 100644
--- a/src/assets/scss/modules/_header.scss
+++ b/src/assets/scss/modules/_header.scss
@@ -1,23 +1,48 @@
+
   header {
     @include xy-grid();
     @include xy-gutters(0);
     main {
-      @include xy-cell(shrink);
-      @include flex-align(left, middle);
-      padding: $global-padding*2;
-      min-width: 14rem;
+      @include breakpoint(small){
+        @include xy-cell(12);
+        @include flex-align(center, middle);
+        padding: $global-padding*2;
+        min-width: 14rem;
+        text-align: center;
+      }
+      @include breakpoint(medium){
+        @include xy-cell(shrink);
+        @include flex-align(left, middle);
+        text-align: unset;
+      }
     }
     nav {
-      @include xy-cell(auto);
-      @include flex;
-      @include flex-align(right, middle);
-      a, button {
-        color: $black;
-        &:hover {
-          color: $anchor-color;
+      @include breakpoint(small){
+        @include xy-cell(12);
+        @include flex;
+        @include flex-align(center, middle);
+        a, button {
+          color: $black;
+          &:hover {
+            color: $anchor-color;
+          }
+        }
+        menu {
+          margin: 0;
+          padding: 0;
+          font-size: 0.9rem;
+        }
+      }
+      @include breakpoint(medium){
+        @include xy-cell(auto);
+        @include flex;
+        @include flex-align(right, middle);
+        menu {
+          margin: inherit;
+          padding: inherit;
+          font-size: $global-font-size;
         }
       }
     }
   }
-@include breakpoint(small){
-}
+
diff --git a/announcement.php b/template-parts/announcement.php
similarity index 100%
rename from announcement.php
rename to template-parts/announcement.php
diff --git a/template-parts/section-news.php b/template-parts/section-news.php
index 82c8417..d125032 100644
--- a/template-parts/section-news.php
+++ b/template-parts/section-news.php
@@ -7,51 +7,45 @@
  */
 
 ?>
+
 <section class="news">
   <header>
     <h2> News</h2>
   </header>
   <main class="">
+    <?php $the_query = new WP_Query(  array( 'category_name' => 'news',  'posts_per_page' => 6 )  ); ?>
+    <?php if ( $the_query->have_posts() ) : ?>
+    <?php// the loop ?>
+    <?php while ( $the_query->have_posts() ) : $the_query->the_post(); ?>
+    <?php //content here ?>
     <article class="">
-      <figure>
-        <img src="assets/imgexample/img0001.jpg" />
+        <?php if ( has_post_thumbnail() ) :?>
+      <figure style="background-image: url(<?php echo get_the_post_thumbnail_url();?>);">
+          <!--img src="<?php //echo get_the_post_thumbnail_url();?>" /-->
       </figure>
-      <aside class="date">12.03.2021</aside>
-      <h3> FACTT 20|21 - Improbable Times </h3>
-      <p class="excerpt">
-      ARC-HIVE is a curatorial space that gathers artworks that work int eh continuum of biomateriality
-      </p>
-    </article>
-    <article class="">
-      <figure>
-        <img src="assets/imgexample/img0002.jpg" />
+        <?php else :?>
+      <figure style="background-image: url(<?php echo catch_post_first_image();?>);">
+          <!--img src="<?php //echo catch_post_first_image();?>" /-->
       </figure>
-      <aside class="date">12.03.2021</aside>
-      <h3> Conservtion and digitzation Workshop </h3>
-      <p class="excerpt">
-      They can be manipulation, modification or (re)creation of life and living processes.
-      </p>
-    </article>
-    <article class="">
-      <figure>
-        <img src="assets/imgexample/img0003.jpg" />
-      </figure>
-      <aside class="date">12.03.2021</aside>
-      <h3>Summer School 2021 | Elements of Care </h3>
-      <p class="excerpt">
-      This ARCHIVE is a curatorial space that gathers artworks that work in the continuum of biomateriality, from DNA, proteins.
-      </p>
-    </article>
-    <article class="">
-      <figure>
-        <img src="assets/imgexample/img0004.jpg" />
-      </figure>
-      <aside class="date">12.03.2021</aside>
-      <h3>ARC-HIVE Kick-off Meeting</h3>
-      <p class="excerpt">
-      This ARCHIVE is a curatorial space that gathers artworks that work in the continuum of biomateriality, from DNA, proteins.
-      </p>
+        <?php endif;?>
+      <h3 class="entry-title">
+        <a href="<?php the_permalink(); ?>" rel="bookmark">
+          <?php the_title(); ?>
+        </a>
+      </h3>
+      <p class="excerpt post-excerpt">
+        <a href="<?php the_permalink(); ?>" rel="bookmark" title="<?php the_title(); ?>"></a>
+        <?php the_excerpt() //echo wp_strip_all_tags( get_the_excerpt(), true ); ?>
+      </div>
     </article>
+    <?php endwhile; ?>
+    <?php // end of the loop ?>
+    <?php //pagination here ?>
+    <?php wp_reset_postdata(); ?>
+<?php else : ?>
+    <p><?php _e( 'Sorry, no posts matched your criteria.' ); ?></p>
+<?php endif; ?>
+
   </main>
   <aside>
     <nav>