diff --git a/docs/.sass-cache/da8f905890b670eaeac88b3ab0c25ae30453bd7f/_changes.scssc b/docs/.sass-cache/da8f905890b670eaeac88b3ab0c25ae30453bd7f/_changes.scssc
index d5aebfd..81f95e8 100644
Binary files a/docs/.sass-cache/da8f905890b670eaeac88b3ab0c25ae30453bd7f/_changes.scssc and b/docs/.sass-cache/da8f905890b670eaeac88b3ab0c25ae30453bd7f/_changes.scssc differ
diff --git a/docs/_sass/libs/_changes.scss b/docs/_sass/libs/_changes.scss
index 5870d63..dc54c54 100644
--- a/docs/_sass/libs/_changes.scss
+++ b/docs/_sass/libs/_changes.scss
@@ -40,14 +40,14 @@ twentytwenty-wrapper img {
       h3,
       p {
         text-align: left;
-      }      
+      }
     }
   }
 }
 /* Section Three */
 
 #three .inner {
-	width: 60em;
+  width: 60em;
 
   @include breakpoint(large) {
     width: 100%;
@@ -55,5 +55,26 @@ twentytwenty-wrapper img {
   @include breakpoint(medium) {
     width: 100%;
   }
-
+}
+
+// menu small devices
+
+#menu {
+
+  ul {
+
+    > li {
+
+      > a {
+        @include breakpoint(small) {
+          line-height: 2em;
+        }
+      }
+    }
+  }
+}
+
+// rewrite link colors
+a {
+  color: #4f85bb;
 }
diff --git a/docs/_site/autoritario.html b/docs/_site/autoritario.html
index c513b87..3b4899c 100644
--- a/docs/_site/autoritario.html
+++ b/docs/_site/autoritario.html
@@ -141,23 +141,73 @@
     </div>
   </section>
 
-<!-- Footer -->
-<footer id="footer">
-  <ul class="icons">
-    
-  </ul>
-  <ul class="copyright">
-    <li>&copy; 
-    
-      
-      
-    
-    2017
-    TÍTULO</li>
-    <li>Design: <a href="http://html5up.net" target="_blank">HTML5 UP</a></li>
-    <li>Built with: <a href="http://jekyllrb.com" target="_blank">Jekyll</a></li>
-  </ul>
-</footer>
+<!-- Three -->
+  <section id="three" class="wrapper style3 special">
+    <div class="inner">
+      <!--
+      <header class="major">
+        <h2>Título posible de sección bloques</h2>
+        <p>Aliquam ut ex ut augue consectetur interdum. Donec amet imperdiet eleifend<br />
+        fringilla tincidunt. Nullam dui leo Aenean mi ligula, rhoncus ullamcorper.</p>
+      </header>-->
+      <ul class="features">
+        <li class="icon fa-paper-plane-o">
+          <h3><a href="introduccion">Introducción</a></h3>
+          <p>Agua, reforma agraria y colonizaci&oacute;n. Contexto internacional de modernizaci&oacute;n agr&iacute;cola</p>
+        </li>
+        <li class="icon fa-paper-plane-o">
+          <h3><a href="autoritario">El estado autoritario</a></h3>
+          <p>Augue consectetur sed interdum imperdiet et ipsum. Mauris lorem tincidunt nullam amet leo Aenean ligula consequat consequat.</p>
+        </li>
+        <li class="icon fa-laptop">
+          <h3><a href="presos">Empleo de presos en las grandes obras</a></h3>
+          <p>De la represión política a la explotación económica: el programa de Redención de Penas por el Trabajo, fundamental para la colonización.</p>
+        </li>
+        <li class="icon fa-code">
+          <h3><a href="colono">El colono</a></h3>
+          <p>Augue consectetur sed interdum imperdiet et ipsum. Mauris lorem tincidunt nullam amet leo Aenean ligula consequat consequat.</p>
+        </li>
+        <li class="icon fa-headphones">
+          <h3><a href="colono-ciudadano">De colono a ciudadano</a></h3>
+          <p>Augue consectetur sed interdum imperdiet et ipsum. Mauris lorem tincidunt nullam amet leo Aenean ligula consequat consequat.</p>
+        </li>
+        <li class="icon fa-flag-o">
+          <h3><a href="mujeres">Las mujeres en el proceso colonizador</a></h3>
+          <p>Augue consectetur sed interdum imperdiet et ipsum. Mauris lorem tincidunt nullam amet leo Aenean ligula consequat consequat.</p>
+        </li>
+        <li class="icon fa-flag-o">
+          <h3><a href="urbanismo">Diseño urbano y paisajes</a></h3>
+          <p>Augue consectetur sed interdum imperdiet et ipsum. Mauris lorem tincidunt nullam amet leo Aenean ligula consequat consequat.</p>
+        </li>
+        <li class="icon fa-flag-o">
+          <h3><a href="cultivos">Tipos de cultivo y producción</a></h3>
+          <p>Augue consectetur sed interdum imperdiet et ipsum. Mauris lorem tincidunt nullam amet leo Aenean ligula consequat consequat.</p>
+        </li>
+        <li class="icon fa-flag-o">
+          <h3><a href="modelos">Los modelos principales</a></h3>
+          <p>Augue consectetur sed interdum imperdiet et ipsum. Mauris lorem tincidunt nullam amet leo Aenean ligula consequat consequat.</p>
+        </li>
+        <li class="icon fa-flag-o">
+          <h3><a href="mecanismos-expropiacion">Expropiación y plusvalía</a></h3>
+          <p>Augue consectetur sed interdum imperdiet et ipsum. Mauris lorem tincidunt nullam amet leo Aenean ligula consequat consequat.</p>
+        </li>
+      </ul>
+    </div>
+  </section>
+
+<!-- CTA -->
+  <section id="cta" class="wrapper style4">
+    <div class="inner">
+      <header>
+        <h2>Arcue ut vel commodo</h2>
+        <p>Aliquam ut ex ut augue consectetur interdum endrerit imperdiet amet eleifend fringilla.</p>
+      </header>
+      <ul class="actions vertical">
+        <li><a href="#" class="button fit special">Activate</a></li>
+        <li><a href="#" class="button fit">Learn More</a></li>
+      </ul>
+    </div>
+  </section>
 
 
 </article>
diff --git a/docs/_site/colono-ciudadano.html b/docs/_site/colono-ciudadano.html
index ae05d6c..0531e2a 100644
--- a/docs/_site/colono-ciudadano.html
+++ b/docs/_site/colono-ciudadano.html
@@ -130,23 +130,73 @@
     </div>
   </section>
 
-<!-- Footer -->
-<footer id="footer">
-  <ul class="icons">
-    
-  </ul>
-  <ul class="copyright">
-    <li>&copy; 
-    
-      
-      
-    
-    2017
-    TÍTULO</li>
-    <li>Design: <a href="http://html5up.net" target="_blank">HTML5 UP</a></li>
-    <li>Built with: <a href="http://jekyllrb.com" target="_blank">Jekyll</a></li>
-  </ul>
-</footer>
+<!-- Three -->
+  <section id="three" class="wrapper style3 special">
+    <div class="inner">
+      <!--
+      <header class="major">
+        <h2>Título posible de sección bloques</h2>
+        <p>Aliquam ut ex ut augue consectetur interdum. Donec amet imperdiet eleifend<br />
+        fringilla tincidunt. Nullam dui leo Aenean mi ligula, rhoncus ullamcorper.</p>
+      </header>-->
+      <ul class="features">
+        <li class="icon fa-paper-plane-o">
+          <h3><a href="introduccion">Introducción</a></h3>
+          <p>Agua, reforma agraria y colonizaci&oacute;n. Contexto internacional de modernizaci&oacute;n agr&iacute;cola</p>
+        </li>
+        <li class="icon fa-paper-plane-o">
+          <h3><a href="autoritario">El estado autoritario</a></h3>
+          <p>Augue consectetur sed interdum imperdiet et ipsum. Mauris lorem tincidunt nullam amet leo Aenean ligula consequat consequat.</p>
+        </li>
+        <li class="icon fa-laptop">
+          <h3><a href="presos">Empleo de presos en las grandes obras</a></h3>
+          <p>De la represión política a la explotación económica: el programa de Redención de Penas por el Trabajo, fundamental para la colonización.</p>
+        </li>
+        <li class="icon fa-code">
+          <h3><a href="colono">El colono</a></h3>
+          <p>Augue consectetur sed interdum imperdiet et ipsum. Mauris lorem tincidunt nullam amet leo Aenean ligula consequat consequat.</p>
+        </li>
+        <li class="icon fa-headphones">
+          <h3><a href="colono-ciudadano">De colono a ciudadano</a></h3>
+          <p>Augue consectetur sed interdum imperdiet et ipsum. Mauris lorem tincidunt nullam amet leo Aenean ligula consequat consequat.</p>
+        </li>
+        <li class="icon fa-flag-o">
+          <h3><a href="mujeres">Las mujeres en el proceso colonizador</a></h3>
+          <p>Augue consectetur sed interdum imperdiet et ipsum. Mauris lorem tincidunt nullam amet leo Aenean ligula consequat consequat.</p>
+        </li>
+        <li class="icon fa-flag-o">
+          <h3><a href="urbanismo">Diseño urbano y paisajes</a></h3>
+          <p>Augue consectetur sed interdum imperdiet et ipsum. Mauris lorem tincidunt nullam amet leo Aenean ligula consequat consequat.</p>
+        </li>
+        <li class="icon fa-flag-o">
+          <h3><a href="cultivos">Tipos de cultivo y producción</a></h3>
+          <p>Augue consectetur sed interdum imperdiet et ipsum. Mauris lorem tincidunt nullam amet leo Aenean ligula consequat consequat.</p>
+        </li>
+        <li class="icon fa-flag-o">
+          <h3><a href="modelos">Los modelos principales</a></h3>
+          <p>Augue consectetur sed interdum imperdiet et ipsum. Mauris lorem tincidunt nullam amet leo Aenean ligula consequat consequat.</p>
+        </li>
+        <li class="icon fa-flag-o">
+          <h3><a href="mecanismos-expropiacion">Expropiación y plusvalía</a></h3>
+          <p>Augue consectetur sed interdum imperdiet et ipsum. Mauris lorem tincidunt nullam amet leo Aenean ligula consequat consequat.</p>
+        </li>
+      </ul>
+    </div>
+  </section>
+
+<!-- CTA -->
+  <section id="cta" class="wrapper style4">
+    <div class="inner">
+      <header>
+        <h2>Arcue ut vel commodo</h2>
+        <p>Aliquam ut ex ut augue consectetur interdum endrerit imperdiet amet eleifend fringilla.</p>
+      </header>
+      <ul class="actions vertical">
+        <li><a href="#" class="button fit special">Activate</a></li>
+        <li><a href="#" class="button fit">Learn More</a></li>
+      </ul>
+    </div>
+  </section>
 
 
 </article>
diff --git a/docs/_site/colono.html b/docs/_site/colono.html
index 45016db..83e7308 100644
--- a/docs/_site/colono.html
+++ b/docs/_site/colono.html
@@ -162,23 +162,73 @@
     </div>
   </section>
 
-<!-- Footer -->
-<footer id="footer">
-  <ul class="icons">
-    
-  </ul>
-  <ul class="copyright">
-    <li>&copy; 
-    
-      
-      
-    
-    2017
-    TÍTULO</li>
-    <li>Design: <a href="http://html5up.net" target="_blank">HTML5 UP</a></li>
-    <li>Built with: <a href="http://jekyllrb.com" target="_blank">Jekyll</a></li>
-  </ul>
-</footer>
+<!-- Three -->
+  <section id="three" class="wrapper style3 special">
+    <div class="inner">
+      <!--
+      <header class="major">
+        <h2>Título posible de sección bloques</h2>
+        <p>Aliquam ut ex ut augue consectetur interdum. Donec amet imperdiet eleifend<br />
+        fringilla tincidunt. Nullam dui leo Aenean mi ligula, rhoncus ullamcorper.</p>
+      </header>-->
+      <ul class="features">
+        <li class="icon fa-paper-plane-o">
+          <h3><a href="introduccion">Introducción</a></h3>
+          <p>Agua, reforma agraria y colonizaci&oacute;n. Contexto internacional de modernizaci&oacute;n agr&iacute;cola</p>
+        </li>
+        <li class="icon fa-paper-plane-o">
+          <h3><a href="autoritario">El estado autoritario</a></h3>
+          <p>Augue consectetur sed interdum imperdiet et ipsum. Mauris lorem tincidunt nullam amet leo Aenean ligula consequat consequat.</p>
+        </li>
+        <li class="icon fa-laptop">
+          <h3><a href="presos">Empleo de presos en las grandes obras</a></h3>
+          <p>De la represión política a la explotación económica: el programa de Redención de Penas por el Trabajo, fundamental para la colonización.</p>
+        </li>
+        <li class="icon fa-code">
+          <h3><a href="colono">El colono</a></h3>
+          <p>Augue consectetur sed interdum imperdiet et ipsum. Mauris lorem tincidunt nullam amet leo Aenean ligula consequat consequat.</p>
+        </li>
+        <li class="icon fa-headphones">
+          <h3><a href="colono-ciudadano">De colono a ciudadano</a></h3>
+          <p>Augue consectetur sed interdum imperdiet et ipsum. Mauris lorem tincidunt nullam amet leo Aenean ligula consequat consequat.</p>
+        </li>
+        <li class="icon fa-flag-o">
+          <h3><a href="mujeres">Las mujeres en el proceso colonizador</a></h3>
+          <p>Augue consectetur sed interdum imperdiet et ipsum. Mauris lorem tincidunt nullam amet leo Aenean ligula consequat consequat.</p>
+        </li>
+        <li class="icon fa-flag-o">
+          <h3><a href="urbanismo">Diseño urbano y paisajes</a></h3>
+          <p>Augue consectetur sed interdum imperdiet et ipsum. Mauris lorem tincidunt nullam amet leo Aenean ligula consequat consequat.</p>
+        </li>
+        <li class="icon fa-flag-o">
+          <h3><a href="cultivos">Tipos de cultivo y producción</a></h3>
+          <p>Augue consectetur sed interdum imperdiet et ipsum. Mauris lorem tincidunt nullam amet leo Aenean ligula consequat consequat.</p>
+        </li>
+        <li class="icon fa-flag-o">
+          <h3><a href="modelos">Los modelos principales</a></h3>
+          <p>Augue consectetur sed interdum imperdiet et ipsum. Mauris lorem tincidunt nullam amet leo Aenean ligula consequat consequat.</p>
+        </li>
+        <li class="icon fa-flag-o">
+          <h3><a href="mecanismos-expropiacion">Expropiación y plusvalía</a></h3>
+          <p>Augue consectetur sed interdum imperdiet et ipsum. Mauris lorem tincidunt nullam amet leo Aenean ligula consequat consequat.</p>
+        </li>
+      </ul>
+    </div>
+  </section>
+
+<!-- CTA -->
+  <section id="cta" class="wrapper style4">
+    <div class="inner">
+      <header>
+        <h2>Arcue ut vel commodo</h2>
+        <p>Aliquam ut ex ut augue consectetur interdum endrerit imperdiet amet eleifend fringilla.</p>
+      </header>
+      <ul class="actions vertical">
+        <li><a href="#" class="button fit special">Activate</a></li>
+        <li><a href="#" class="button fit">Learn More</a></li>
+      </ul>
+    </div>
+  </section>
 
 
 </article>
diff --git a/docs/_site/contexto.html b/docs/_site/contexto.html
index 0020c97..fb6a74b 100644
--- a/docs/_site/contexto.html
+++ b/docs/_site/contexto.html
@@ -130,27 +130,76 @@ franquista desplegadas por el Instituto Nacional de Colonización (1939-1973) no
 surgen de la nada. Siguiendo a <a href="http://historiadelpresente.es/sites/default/files/revista/articulos/3/305unarevisionyunareflexionsobrelapoliticadecolonizacionagrariaenlaespanadefranco.pdf">Cristóbal Gómez Benito</a> en ella confluyen las políticas históricas repobladoras y de colonización, la
 de reforma agraria y la política hidráulica.  </p>
 
-
     </div>
   </section>
 
-<!-- Footer -->
-<footer id="footer">
-  <ul class="icons">
-    
-  </ul>
-  <ul class="copyright">
-    <li>&copy; 
-    
-      
-      
-    
-    2017
-    TÍTULO</li>
-    <li>Design: <a href="http://html5up.net" target="_blank">HTML5 UP</a></li>
-    <li>Built with: <a href="http://jekyllrb.com" target="_blank">Jekyll</a></li>
-  </ul>
-</footer>
+<!-- Three -->
+  <section id="three" class="wrapper style3 special">
+    <div class="inner">
+      <!--
+      <header class="major">
+        <h2>Título posible de sección bloques</h2>
+        <p>Aliquam ut ex ut augue consectetur interdum. Donec amet imperdiet eleifend<br />
+        fringilla tincidunt. Nullam dui leo Aenean mi ligula, rhoncus ullamcorper.</p>
+      </header>-->
+      <ul class="features">
+        <li class="icon fa-paper-plane-o">
+          <h3><a href="introduccion">Introducción</a></h3>
+          <p>Agua, reforma agraria y colonizaci&oacute;n. Contexto internacional de modernizaci&oacute;n agr&iacute;cola</p>
+        </li>
+        <li class="icon fa-paper-plane-o">
+          <h3><a href="autoritario">El estado autoritario</a></h3>
+          <p>Augue consectetur sed interdum imperdiet et ipsum. Mauris lorem tincidunt nullam amet leo Aenean ligula consequat consequat.</p>
+        </li>
+        <li class="icon fa-laptop">
+          <h3><a href="presos">Empleo de presos en las grandes obras</a></h3>
+          <p>De la represión política a la explotación económica: el programa de Redención de Penas por el Trabajo, fundamental para la colonización.</p>
+        </li>
+        <li class="icon fa-code">
+          <h3><a href="colono">El colono</a></h3>
+          <p>Augue consectetur sed interdum imperdiet et ipsum. Mauris lorem tincidunt nullam amet leo Aenean ligula consequat consequat.</p>
+        </li>
+        <li class="icon fa-headphones">
+          <h3><a href="colono-ciudadano">De colono a ciudadano</a></h3>
+          <p>Augue consectetur sed interdum imperdiet et ipsum. Mauris lorem tincidunt nullam amet leo Aenean ligula consequat consequat.</p>
+        </li>
+        <li class="icon fa-flag-o">
+          <h3><a href="mujeres">Las mujeres en el proceso colonizador</a></h3>
+          <p>Augue consectetur sed interdum imperdiet et ipsum. Mauris lorem tincidunt nullam amet leo Aenean ligula consequat consequat.</p>
+        </li>
+        <li class="icon fa-flag-o">
+          <h3><a href="urbanismo">Diseño urbano y paisajes</a></h3>
+          <p>Augue consectetur sed interdum imperdiet et ipsum. Mauris lorem tincidunt nullam amet leo Aenean ligula consequat consequat.</p>
+        </li>
+        <li class="icon fa-flag-o">
+          <h3><a href="cultivos">Tipos de cultivo y producción</a></h3>
+          <p>Augue consectetur sed interdum imperdiet et ipsum. Mauris lorem tincidunt nullam amet leo Aenean ligula consequat consequat.</p>
+        </li>
+        <li class="icon fa-flag-o">
+          <h3><a href="modelos">Los modelos principales</a></h3>
+          <p>Augue consectetur sed interdum imperdiet et ipsum. Mauris lorem tincidunt nullam amet leo Aenean ligula consequat consequat.</p>
+        </li>
+        <li class="icon fa-flag-o">
+          <h3><a href="mecanismos-expropiacion">Expropiación y plusvalía</a></h3>
+          <p>Augue consectetur sed interdum imperdiet et ipsum. Mauris lorem tincidunt nullam amet leo Aenean ligula consequat consequat.</p>
+        </li>
+      </ul>
+    </div>
+  </section>
+
+<!-- CTA -->
+  <section id="cta" class="wrapper style4">
+    <div class="inner">
+      <header>
+        <h2>Arcue ut vel commodo</h2>
+        <p>Aliquam ut ex ut augue consectetur interdum endrerit imperdiet amet eleifend fringilla.</p>
+      </header>
+      <ul class="actions vertical">
+        <li><a href="#" class="button fit special">Activate</a></li>
+        <li><a href="#" class="button fit">Learn More</a></li>
+      </ul>
+    </div>
+  </section>
 
 
 </article>
diff --git a/docs/_site/css/main.css b/docs/_site/css/main.css
index ecf7356..5951f61 100644
--- a/docs/_site/css/main.css
+++ b/docs/_site/css/main.css
@@ -2715,3 +2715,10 @@ twentytwenty-wrapper img {
   @media screen and (max-width: 980px) {
     #three .inner {
       width: 100%; } }
+
+@media screen and (max-width: 736px) {
+  #menu ul > li > a {
+    line-height: 2em; } }
+
+a {
+  color: #4f85bb; }
diff --git a/docs/_site/cultivos.html b/docs/_site/cultivos.html
index 8ec666b..75aaadf 100644
--- a/docs/_site/cultivos.html
+++ b/docs/_site/cultivos.html
@@ -130,23 +130,73 @@
     </div>
   </section>
 
-<!-- Footer -->
-<footer id="footer">
-  <ul class="icons">
-    
-  </ul>
-  <ul class="copyright">
-    <li>&copy; 
-    
-      
-      
-    
-    2017
-    TÍTULO</li>
-    <li>Design: <a href="http://html5up.net" target="_blank">HTML5 UP</a></li>
-    <li>Built with: <a href="http://jekyllrb.com" target="_blank">Jekyll</a></li>
-  </ul>
-</footer>
+<!-- Three -->
+  <section id="three" class="wrapper style3 special">
+    <div class="inner">
+      <!--
+      <header class="major">
+        <h2>Título posible de sección bloques</h2>
+        <p>Aliquam ut ex ut augue consectetur interdum. Donec amet imperdiet eleifend<br />
+        fringilla tincidunt. Nullam dui leo Aenean mi ligula, rhoncus ullamcorper.</p>
+      </header>-->
+      <ul class="features">
+        <li class="icon fa-paper-plane-o">
+          <h3><a href="introduccion">Introducción</a></h3>
+          <p>Agua, reforma agraria y colonizaci&oacute;n. Contexto internacional de modernizaci&oacute;n agr&iacute;cola</p>
+        </li>
+        <li class="icon fa-paper-plane-o">
+          <h3><a href="autoritario">El estado autoritario</a></h3>
+          <p>Augue consectetur sed interdum imperdiet et ipsum. Mauris lorem tincidunt nullam amet leo Aenean ligula consequat consequat.</p>
+        </li>
+        <li class="icon fa-laptop">
+          <h3><a href="presos">Empleo de presos en las grandes obras</a></h3>
+          <p>De la represión política a la explotación económica: el programa de Redención de Penas por el Trabajo, fundamental para la colonización.</p>
+        </li>
+        <li class="icon fa-code">
+          <h3><a href="colono">El colono</a></h3>
+          <p>Augue consectetur sed interdum imperdiet et ipsum. Mauris lorem tincidunt nullam amet leo Aenean ligula consequat consequat.</p>
+        </li>
+        <li class="icon fa-headphones">
+          <h3><a href="colono-ciudadano">De colono a ciudadano</a></h3>
+          <p>Augue consectetur sed interdum imperdiet et ipsum. Mauris lorem tincidunt nullam amet leo Aenean ligula consequat consequat.</p>
+        </li>
+        <li class="icon fa-flag-o">
+          <h3><a href="mujeres">Las mujeres en el proceso colonizador</a></h3>
+          <p>Augue consectetur sed interdum imperdiet et ipsum. Mauris lorem tincidunt nullam amet leo Aenean ligula consequat consequat.</p>
+        </li>
+        <li class="icon fa-flag-o">
+          <h3><a href="urbanismo">Diseño urbano y paisajes</a></h3>
+          <p>Augue consectetur sed interdum imperdiet et ipsum. Mauris lorem tincidunt nullam amet leo Aenean ligula consequat consequat.</p>
+        </li>
+        <li class="icon fa-flag-o">
+          <h3><a href="cultivos">Tipos de cultivo y producción</a></h3>
+          <p>Augue consectetur sed interdum imperdiet et ipsum. Mauris lorem tincidunt nullam amet leo Aenean ligula consequat consequat.</p>
+        </li>
+        <li class="icon fa-flag-o">
+          <h3><a href="modelos">Los modelos principales</a></h3>
+          <p>Augue consectetur sed interdum imperdiet et ipsum. Mauris lorem tincidunt nullam amet leo Aenean ligula consequat consequat.</p>
+        </li>
+        <li class="icon fa-flag-o">
+          <h3><a href="mecanismos-expropiacion">Expropiación y plusvalía</a></h3>
+          <p>Augue consectetur sed interdum imperdiet et ipsum. Mauris lorem tincidunt nullam amet leo Aenean ligula consequat consequat.</p>
+        </li>
+      </ul>
+    </div>
+  </section>
+
+<!-- CTA -->
+  <section id="cta" class="wrapper style4">
+    <div class="inner">
+      <header>
+        <h2>Arcue ut vel commodo</h2>
+        <p>Aliquam ut ex ut augue consectetur interdum endrerit imperdiet amet eleifend fringilla.</p>
+      </header>
+      <ul class="actions vertical">
+        <li><a href="#" class="button fit special">Activate</a></li>
+        <li><a href="#" class="button fit">Learn More</a></li>
+      </ul>
+    </div>
+  </section>
 
 
 </article>
diff --git a/docs/_site/feed.xml b/docs/_site/feed.xml
index 72ce299..3655f73 100644
--- a/docs/_site/feed.xml
+++ b/docs/_site/feed.xml
@@ -6,8 +6,8 @@
 </description>
     <link>http://localhost:4000/poblados-colonizacion-colonias-penitenciarias/</link>
     <atom:link href="http://localhost:4000/poblados-colonizacion-colonias-penitenciarias/feed.xml" rel="self" type="application/rss+xml"/>
-    <pubDate>Sat, 17 Jun 2017 18:38:39 +0200</pubDate>
-    <lastBuildDate>Sat, 17 Jun 2017 18:38:39 +0200</lastBuildDate>
+    <pubDate>Sat, 17 Jun 2017 19:02:16 +0200</pubDate>
+    <lastBuildDate>Sat, 17 Jun 2017 19:02:16 +0200</lastBuildDate>
     <generator>Jekyll v3.3.1</generator>
     
   </channel>
diff --git a/docs/_site/introduccion.html b/docs/_site/introduccion.html
index a8a4b2c..84d763e 100644
--- a/docs/_site/introduccion.html
+++ b/docs/_site/introduccion.html
@@ -139,23 +139,73 @@
     </div>
   </section>
 
-<!-- Footer -->
-<footer id="footer">
-  <ul class="icons">
-    
-  </ul>
-  <ul class="copyright">
-    <li>&copy; 
-    
-      
-      
-    
-    2017
-    TÍTULO</li>
-    <li>Design: <a href="http://html5up.net" target="_blank">HTML5 UP</a></li>
-    <li>Built with: <a href="http://jekyllrb.com" target="_blank">Jekyll</a></li>
-  </ul>
-</footer>
+<!-- Three -->
+  <section id="three" class="wrapper style3 special">
+    <div class="inner">
+      <!--
+      <header class="major">
+        <h2>Título posible de sección bloques</h2>
+        <p>Aliquam ut ex ut augue consectetur interdum. Donec amet imperdiet eleifend<br />
+        fringilla tincidunt. Nullam dui leo Aenean mi ligula, rhoncus ullamcorper.</p>
+      </header>-->
+      <ul class="features">
+        <li class="icon fa-paper-plane-o">
+          <h3><a href="introduccion">Introducción</a></h3>
+          <p>Agua, reforma agraria y colonizaci&oacute;n. Contexto internacional de modernizaci&oacute;n agr&iacute;cola</p>
+        </li>
+        <li class="icon fa-paper-plane-o">
+          <h3><a href="autoritario">El estado autoritario</a></h3>
+          <p>Augue consectetur sed interdum imperdiet et ipsum. Mauris lorem tincidunt nullam amet leo Aenean ligula consequat consequat.</p>
+        </li>
+        <li class="icon fa-laptop">
+          <h3><a href="presos">Empleo de presos en las grandes obras</a></h3>
+          <p>De la represión política a la explotación económica: el programa de Redención de Penas por el Trabajo, fundamental para la colonización.</p>
+        </li>
+        <li class="icon fa-code">
+          <h3><a href="colono">El colono</a></h3>
+          <p>Augue consectetur sed interdum imperdiet et ipsum. Mauris lorem tincidunt nullam amet leo Aenean ligula consequat consequat.</p>
+        </li>
+        <li class="icon fa-headphones">
+          <h3><a href="colono-ciudadano">De colono a ciudadano</a></h3>
+          <p>Augue consectetur sed interdum imperdiet et ipsum. Mauris lorem tincidunt nullam amet leo Aenean ligula consequat consequat.</p>
+        </li>
+        <li class="icon fa-flag-o">
+          <h3><a href="mujeres">Las mujeres en el proceso colonizador</a></h3>
+          <p>Augue consectetur sed interdum imperdiet et ipsum. Mauris lorem tincidunt nullam amet leo Aenean ligula consequat consequat.</p>
+        </li>
+        <li class="icon fa-flag-o">
+          <h3><a href="urbanismo">Diseño urbano y paisajes</a></h3>
+          <p>Augue consectetur sed interdum imperdiet et ipsum. Mauris lorem tincidunt nullam amet leo Aenean ligula consequat consequat.</p>
+        </li>
+        <li class="icon fa-flag-o">
+          <h3><a href="cultivos">Tipos de cultivo y producción</a></h3>
+          <p>Augue consectetur sed interdum imperdiet et ipsum. Mauris lorem tincidunt nullam amet leo Aenean ligula consequat consequat.</p>
+        </li>
+        <li class="icon fa-flag-o">
+          <h3><a href="modelos">Los modelos principales</a></h3>
+          <p>Augue consectetur sed interdum imperdiet et ipsum. Mauris lorem tincidunt nullam amet leo Aenean ligula consequat consequat.</p>
+        </li>
+        <li class="icon fa-flag-o">
+          <h3><a href="mecanismos-expropiacion">Expropiación y plusvalía</a></h3>
+          <p>Augue consectetur sed interdum imperdiet et ipsum. Mauris lorem tincidunt nullam amet leo Aenean ligula consequat consequat.</p>
+        </li>
+      </ul>
+    </div>
+  </section>
+
+<!-- CTA -->
+  <section id="cta" class="wrapper style4">
+    <div class="inner">
+      <header>
+        <h2>Arcue ut vel commodo</h2>
+        <p>Aliquam ut ex ut augue consectetur interdum endrerit imperdiet amet eleifend fringilla.</p>
+      </header>
+      <ul class="actions vertical">
+        <li><a href="#" class="button fit special">Activate</a></li>
+        <li><a href="#" class="button fit">Learn More</a></li>
+      </ul>
+    </div>
+  </section>
 
 
 </article>
diff --git a/docs/_site/mecanismos-expropiacion.html b/docs/_site/mecanismos-expropiacion.html
index f9441f8..a85faa8 100644
--- a/docs/_site/mecanismos-expropiacion.html
+++ b/docs/_site/mecanismos-expropiacion.html
@@ -134,23 +134,73 @@
     </div>
   </section>
 
-<!-- Footer -->
-<footer id="footer">
-  <ul class="icons">
-    
-  </ul>
-  <ul class="copyright">
-    <li>&copy; 
-    
-      
-      
-    
-    2017
-    TÍTULO</li>
-    <li>Design: <a href="http://html5up.net" target="_blank">HTML5 UP</a></li>
-    <li>Built with: <a href="http://jekyllrb.com" target="_blank">Jekyll</a></li>
-  </ul>
-</footer>
+<!-- Three -->
+  <section id="three" class="wrapper style3 special">
+    <div class="inner">
+      <!--
+      <header class="major">
+        <h2>Título posible de sección bloques</h2>
+        <p>Aliquam ut ex ut augue consectetur interdum. Donec amet imperdiet eleifend<br />
+        fringilla tincidunt. Nullam dui leo Aenean mi ligula, rhoncus ullamcorper.</p>
+      </header>-->
+      <ul class="features">
+        <li class="icon fa-paper-plane-o">
+          <h3><a href="introduccion">Introducción</a></h3>
+          <p>Agua, reforma agraria y colonizaci&oacute;n. Contexto internacional de modernizaci&oacute;n agr&iacute;cola</p>
+        </li>
+        <li class="icon fa-paper-plane-o">
+          <h3><a href="autoritario">El estado autoritario</a></h3>
+          <p>Augue consectetur sed interdum imperdiet et ipsum. Mauris lorem tincidunt nullam amet leo Aenean ligula consequat consequat.</p>
+        </li>
+        <li class="icon fa-laptop">
+          <h3><a href="presos">Empleo de presos en las grandes obras</a></h3>
+          <p>De la represión política a la explotación económica: el programa de Redención de Penas por el Trabajo, fundamental para la colonización.</p>
+        </li>
+        <li class="icon fa-code">
+          <h3><a href="colono">El colono</a></h3>
+          <p>Augue consectetur sed interdum imperdiet et ipsum. Mauris lorem tincidunt nullam amet leo Aenean ligula consequat consequat.</p>
+        </li>
+        <li class="icon fa-headphones">
+          <h3><a href="colono-ciudadano">De colono a ciudadano</a></h3>
+          <p>Augue consectetur sed interdum imperdiet et ipsum. Mauris lorem tincidunt nullam amet leo Aenean ligula consequat consequat.</p>
+        </li>
+        <li class="icon fa-flag-o">
+          <h3><a href="mujeres">Las mujeres en el proceso colonizador</a></h3>
+          <p>Augue consectetur sed interdum imperdiet et ipsum. Mauris lorem tincidunt nullam amet leo Aenean ligula consequat consequat.</p>
+        </li>
+        <li class="icon fa-flag-o">
+          <h3><a href="urbanismo">Diseño urbano y paisajes</a></h3>
+          <p>Augue consectetur sed interdum imperdiet et ipsum. Mauris lorem tincidunt nullam amet leo Aenean ligula consequat consequat.</p>
+        </li>
+        <li class="icon fa-flag-o">
+          <h3><a href="cultivos">Tipos de cultivo y producción</a></h3>
+          <p>Augue consectetur sed interdum imperdiet et ipsum. Mauris lorem tincidunt nullam amet leo Aenean ligula consequat consequat.</p>
+        </li>
+        <li class="icon fa-flag-o">
+          <h3><a href="modelos">Los modelos principales</a></h3>
+          <p>Augue consectetur sed interdum imperdiet et ipsum. Mauris lorem tincidunt nullam amet leo Aenean ligula consequat consequat.</p>
+        </li>
+        <li class="icon fa-flag-o">
+          <h3><a href="mecanismos-expropiacion">Expropiación y plusvalía</a></h3>
+          <p>Augue consectetur sed interdum imperdiet et ipsum. Mauris lorem tincidunt nullam amet leo Aenean ligula consequat consequat.</p>
+        </li>
+      </ul>
+    </div>
+  </section>
+
+<!-- CTA -->
+  <section id="cta" class="wrapper style4">
+    <div class="inner">
+      <header>
+        <h2>Arcue ut vel commodo</h2>
+        <p>Aliquam ut ex ut augue consectetur interdum endrerit imperdiet amet eleifend fringilla.</p>
+      </header>
+      <ul class="actions vertical">
+        <li><a href="#" class="button fit special">Activate</a></li>
+        <li><a href="#" class="button fit">Learn More</a></li>
+      </ul>
+    </div>
+  </section>
 
 
 </article>
diff --git a/docs/_site/modelos.html b/docs/_site/modelos.html
index f45cb28..3b7544a 100644
--- a/docs/_site/modelos.html
+++ b/docs/_site/modelos.html
@@ -158,23 +158,73 @@
     </div>
   </section>
 
-<!-- Footer -->
-<footer id="footer">
-  <ul class="icons">
-    
-  </ul>
-  <ul class="copyright">
-    <li>&copy; 
-    
-      
-      
-    
-    2017
-    TÍTULO</li>
-    <li>Design: <a href="http://html5up.net" target="_blank">HTML5 UP</a></li>
-    <li>Built with: <a href="http://jekyllrb.com" target="_blank">Jekyll</a></li>
-  </ul>
-</footer>
+<!-- Three -->
+  <section id="three" class="wrapper style3 special">
+    <div class="inner">
+      <!--
+      <header class="major">
+        <h2>Título posible de sección bloques</h2>
+        <p>Aliquam ut ex ut augue consectetur interdum. Donec amet imperdiet eleifend<br />
+        fringilla tincidunt. Nullam dui leo Aenean mi ligula, rhoncus ullamcorper.</p>
+      </header>-->
+      <ul class="features">
+        <li class="icon fa-paper-plane-o">
+          <h3><a href="introduccion">Introducción</a></h3>
+          <p>Agua, reforma agraria y colonizaci&oacute;n. Contexto internacional de modernizaci&oacute;n agr&iacute;cola</p>
+        </li>
+        <li class="icon fa-paper-plane-o">
+          <h3><a href="autoritario">El estado autoritario</a></h3>
+          <p>Augue consectetur sed interdum imperdiet et ipsum. Mauris lorem tincidunt nullam amet leo Aenean ligula consequat consequat.</p>
+        </li>
+        <li class="icon fa-laptop">
+          <h3><a href="presos">Empleo de presos en las grandes obras</a></h3>
+          <p>De la represión política a la explotación económica: el programa de Redención de Penas por el Trabajo, fundamental para la colonización.</p>
+        </li>
+        <li class="icon fa-code">
+          <h3><a href="colono">El colono</a></h3>
+          <p>Augue consectetur sed interdum imperdiet et ipsum. Mauris lorem tincidunt nullam amet leo Aenean ligula consequat consequat.</p>
+        </li>
+        <li class="icon fa-headphones">
+          <h3><a href="colono-ciudadano">De colono a ciudadano</a></h3>
+          <p>Augue consectetur sed interdum imperdiet et ipsum. Mauris lorem tincidunt nullam amet leo Aenean ligula consequat consequat.</p>
+        </li>
+        <li class="icon fa-flag-o">
+          <h3><a href="mujeres">Las mujeres en el proceso colonizador</a></h3>
+          <p>Augue consectetur sed interdum imperdiet et ipsum. Mauris lorem tincidunt nullam amet leo Aenean ligula consequat consequat.</p>
+        </li>
+        <li class="icon fa-flag-o">
+          <h3><a href="urbanismo">Diseño urbano y paisajes</a></h3>
+          <p>Augue consectetur sed interdum imperdiet et ipsum. Mauris lorem tincidunt nullam amet leo Aenean ligula consequat consequat.</p>
+        </li>
+        <li class="icon fa-flag-o">
+          <h3><a href="cultivos">Tipos de cultivo y producción</a></h3>
+          <p>Augue consectetur sed interdum imperdiet et ipsum. Mauris lorem tincidunt nullam amet leo Aenean ligula consequat consequat.</p>
+        </li>
+        <li class="icon fa-flag-o">
+          <h3><a href="modelos">Los modelos principales</a></h3>
+          <p>Augue consectetur sed interdum imperdiet et ipsum. Mauris lorem tincidunt nullam amet leo Aenean ligula consequat consequat.</p>
+        </li>
+        <li class="icon fa-flag-o">
+          <h3><a href="mecanismos-expropiacion">Expropiación y plusvalía</a></h3>
+          <p>Augue consectetur sed interdum imperdiet et ipsum. Mauris lorem tincidunt nullam amet leo Aenean ligula consequat consequat.</p>
+        </li>
+      </ul>
+    </div>
+  </section>
+
+<!-- CTA -->
+  <section id="cta" class="wrapper style4">
+    <div class="inner">
+      <header>
+        <h2>Arcue ut vel commodo</h2>
+        <p>Aliquam ut ex ut augue consectetur interdum endrerit imperdiet amet eleifend fringilla.</p>
+      </header>
+      <ul class="actions vertical">
+        <li><a href="#" class="button fit special">Activate</a></li>
+        <li><a href="#" class="button fit">Learn More</a></li>
+      </ul>
+    </div>
+  </section>
 
 
 </article>
diff --git a/docs/_site/mujeres.html b/docs/_site/mujeres.html
index 969b3c0..b50a121 100644
--- a/docs/_site/mujeres.html
+++ b/docs/_site/mujeres.html
@@ -157,23 +157,73 @@ Las mujeres de los presos (El canal de los presos)</p>
     </div>
   </section>
 
-<!-- Footer -->
-<footer id="footer">
-  <ul class="icons">
-    
-  </ul>
-  <ul class="copyright">
-    <li>&copy; 
-    
-      
-      
-    
-    2017
-    TÍTULO</li>
-    <li>Design: <a href="http://html5up.net" target="_blank">HTML5 UP</a></li>
-    <li>Built with: <a href="http://jekyllrb.com" target="_blank">Jekyll</a></li>
-  </ul>
-</footer>
+<!-- Three -->
+  <section id="three" class="wrapper style3 special">
+    <div class="inner">
+      <!--
+      <header class="major">
+        <h2>Título posible de sección bloques</h2>
+        <p>Aliquam ut ex ut augue consectetur interdum. Donec amet imperdiet eleifend<br />
+        fringilla tincidunt. Nullam dui leo Aenean mi ligula, rhoncus ullamcorper.</p>
+      </header>-->
+      <ul class="features">
+        <li class="icon fa-paper-plane-o">
+          <h3><a href="introduccion">Introducción</a></h3>
+          <p>Agua, reforma agraria y colonizaci&oacute;n. Contexto internacional de modernizaci&oacute;n agr&iacute;cola</p>
+        </li>
+        <li class="icon fa-paper-plane-o">
+          <h3><a href="autoritario">El estado autoritario</a></h3>
+          <p>Augue consectetur sed interdum imperdiet et ipsum. Mauris lorem tincidunt nullam amet leo Aenean ligula consequat consequat.</p>
+        </li>
+        <li class="icon fa-laptop">
+          <h3><a href="presos">Empleo de presos en las grandes obras</a></h3>
+          <p>De la represión política a la explotación económica: el programa de Redención de Penas por el Trabajo, fundamental para la colonización.</p>
+        </li>
+        <li class="icon fa-code">
+          <h3><a href="colono">El colono</a></h3>
+          <p>Augue consectetur sed interdum imperdiet et ipsum. Mauris lorem tincidunt nullam amet leo Aenean ligula consequat consequat.</p>
+        </li>
+        <li class="icon fa-headphones">
+          <h3><a href="colono-ciudadano">De colono a ciudadano</a></h3>
+          <p>Augue consectetur sed interdum imperdiet et ipsum. Mauris lorem tincidunt nullam amet leo Aenean ligula consequat consequat.</p>
+        </li>
+        <li class="icon fa-flag-o">
+          <h3><a href="mujeres">Las mujeres en el proceso colonizador</a></h3>
+          <p>Augue consectetur sed interdum imperdiet et ipsum. Mauris lorem tincidunt nullam amet leo Aenean ligula consequat consequat.</p>
+        </li>
+        <li class="icon fa-flag-o">
+          <h3><a href="urbanismo">Diseño urbano y paisajes</a></h3>
+          <p>Augue consectetur sed interdum imperdiet et ipsum. Mauris lorem tincidunt nullam amet leo Aenean ligula consequat consequat.</p>
+        </li>
+        <li class="icon fa-flag-o">
+          <h3><a href="cultivos">Tipos de cultivo y producción</a></h3>
+          <p>Augue consectetur sed interdum imperdiet et ipsum. Mauris lorem tincidunt nullam amet leo Aenean ligula consequat consequat.</p>
+        </li>
+        <li class="icon fa-flag-o">
+          <h3><a href="modelos">Los modelos principales</a></h3>
+          <p>Augue consectetur sed interdum imperdiet et ipsum. Mauris lorem tincidunt nullam amet leo Aenean ligula consequat consequat.</p>
+        </li>
+        <li class="icon fa-flag-o">
+          <h3><a href="mecanismos-expropiacion">Expropiación y plusvalía</a></h3>
+          <p>Augue consectetur sed interdum imperdiet et ipsum. Mauris lorem tincidunt nullam amet leo Aenean ligula consequat consequat.</p>
+        </li>
+      </ul>
+    </div>
+  </section>
+
+<!-- CTA -->
+  <section id="cta" class="wrapper style4">
+    <div class="inner">
+      <header>
+        <h2>Arcue ut vel commodo</h2>
+        <p>Aliquam ut ex ut augue consectetur interdum endrerit imperdiet amet eleifend fringilla.</p>
+      </header>
+      <ul class="actions vertical">
+        <li><a href="#" class="button fit special">Activate</a></li>
+        <li><a href="#" class="button fit">Learn More</a></li>
+      </ul>
+    </div>
+  </section>
 
 
 </article>
diff --git a/docs/_site/old/elements.html b/docs/_site/old/elements.html
index ce95e4b..fc83913 100644
--- a/docs/_site/old/elements.html
+++ b/docs/_site/old/elements.html
@@ -430,23 +430,73 @@ print 'It took ' + i + ' iterations to sort the deck.';</code></pre>
     </div>
   </section>
 
-<!-- Footer -->
-<footer id="footer">
-  <ul class="icons">
-    
-  </ul>
-  <ul class="copyright">
-    <li>&copy; 
-    
-      
-      
-    
-    2017
-    TÍTULO</li>
-    <li>Design: <a href="http://html5up.net" target="_blank">HTML5 UP</a></li>
-    <li>Built with: <a href="http://jekyllrb.com" target="_blank">Jekyll</a></li>
-  </ul>
-</footer>
+<!-- Three -->
+  <section id="three" class="wrapper style3 special">
+    <div class="inner">
+      <!--
+      <header class="major">
+        <h2>Título posible de sección bloques</h2>
+        <p>Aliquam ut ex ut augue consectetur interdum. Donec amet imperdiet eleifend<br />
+        fringilla tincidunt. Nullam dui leo Aenean mi ligula, rhoncus ullamcorper.</p>
+      </header>-->
+      <ul class="features">
+        <li class="icon fa-paper-plane-o">
+          <h3><a href="introduccion">Introducción</a></h3>
+          <p>Agua, reforma agraria y colonizaci&oacute;n. Contexto internacional de modernizaci&oacute;n agr&iacute;cola</p>
+        </li>
+        <li class="icon fa-paper-plane-o">
+          <h3><a href="autoritario">El estado autoritario</a></h3>
+          <p>Augue consectetur sed interdum imperdiet et ipsum. Mauris lorem tincidunt nullam amet leo Aenean ligula consequat consequat.</p>
+        </li>
+        <li class="icon fa-laptop">
+          <h3><a href="presos">Empleo de presos en las grandes obras</a></h3>
+          <p>De la represión política a la explotación económica: el programa de Redención de Penas por el Trabajo, fundamental para la colonización.</p>
+        </li>
+        <li class="icon fa-code">
+          <h3><a href="colono">El colono</a></h3>
+          <p>Augue consectetur sed interdum imperdiet et ipsum. Mauris lorem tincidunt nullam amet leo Aenean ligula consequat consequat.</p>
+        </li>
+        <li class="icon fa-headphones">
+          <h3><a href="colono-ciudadano">De colono a ciudadano</a></h3>
+          <p>Augue consectetur sed interdum imperdiet et ipsum. Mauris lorem tincidunt nullam amet leo Aenean ligula consequat consequat.</p>
+        </li>
+        <li class="icon fa-flag-o">
+          <h3><a href="mujeres">Las mujeres en el proceso colonizador</a></h3>
+          <p>Augue consectetur sed interdum imperdiet et ipsum. Mauris lorem tincidunt nullam amet leo Aenean ligula consequat consequat.</p>
+        </li>
+        <li class="icon fa-flag-o">
+          <h3><a href="urbanismo">Diseño urbano y paisajes</a></h3>
+          <p>Augue consectetur sed interdum imperdiet et ipsum. Mauris lorem tincidunt nullam amet leo Aenean ligula consequat consequat.</p>
+        </li>
+        <li class="icon fa-flag-o">
+          <h3><a href="cultivos">Tipos de cultivo y producción</a></h3>
+          <p>Augue consectetur sed interdum imperdiet et ipsum. Mauris lorem tincidunt nullam amet leo Aenean ligula consequat consequat.</p>
+        </li>
+        <li class="icon fa-flag-o">
+          <h3><a href="modelos">Los modelos principales</a></h3>
+          <p>Augue consectetur sed interdum imperdiet et ipsum. Mauris lorem tincidunt nullam amet leo Aenean ligula consequat consequat.</p>
+        </li>
+        <li class="icon fa-flag-o">
+          <h3><a href="mecanismos-expropiacion">Expropiación y plusvalía</a></h3>
+          <p>Augue consectetur sed interdum imperdiet et ipsum. Mauris lorem tincidunt nullam amet leo Aenean ligula consequat consequat.</p>
+        </li>
+      </ul>
+    </div>
+  </section>
+
+<!-- CTA -->
+  <section id="cta" class="wrapper style4">
+    <div class="inner">
+      <header>
+        <h2>Arcue ut vel commodo</h2>
+        <p>Aliquam ut ex ut augue consectetur interdum endrerit imperdiet amet eleifend fringilla.</p>
+      </header>
+      <ul class="actions vertical">
+        <li><a href="#" class="button fit special">Activate</a></li>
+        <li><a href="#" class="button fit">Learn More</a></li>
+      </ul>
+    </div>
+  </section>
 
 
 </article>
diff --git a/docs/_site/old/generic.html b/docs/_site/old/generic.html
index affb9a6..f871d72 100644
--- a/docs/_site/old/generic.html
+++ b/docs/_site/old/generic.html
@@ -136,23 +136,73 @@
     </div>
   </section>
 
-<!-- Footer -->
-<footer id="footer">
-  <ul class="icons">
-    
-  </ul>
-  <ul class="copyright">
-    <li>&copy; 
-    
-      
-      
-    
-    2017
-    TÍTULO</li>
-    <li>Design: <a href="http://html5up.net" target="_blank">HTML5 UP</a></li>
-    <li>Built with: <a href="http://jekyllrb.com" target="_blank">Jekyll</a></li>
-  </ul>
-</footer>
+<!-- Three -->
+  <section id="three" class="wrapper style3 special">
+    <div class="inner">
+      <!--
+      <header class="major">
+        <h2>Título posible de sección bloques</h2>
+        <p>Aliquam ut ex ut augue consectetur interdum. Donec amet imperdiet eleifend<br />
+        fringilla tincidunt. Nullam dui leo Aenean mi ligula, rhoncus ullamcorper.</p>
+      </header>-->
+      <ul class="features">
+        <li class="icon fa-paper-plane-o">
+          <h3><a href="introduccion">Introducción</a></h3>
+          <p>Agua, reforma agraria y colonizaci&oacute;n. Contexto internacional de modernizaci&oacute;n agr&iacute;cola</p>
+        </li>
+        <li class="icon fa-paper-plane-o">
+          <h3><a href="autoritario">El estado autoritario</a></h3>
+          <p>Augue consectetur sed interdum imperdiet et ipsum. Mauris lorem tincidunt nullam amet leo Aenean ligula consequat consequat.</p>
+        </li>
+        <li class="icon fa-laptop">
+          <h3><a href="presos">Empleo de presos en las grandes obras</a></h3>
+          <p>De la represión política a la explotación económica: el programa de Redención de Penas por el Trabajo, fundamental para la colonización.</p>
+        </li>
+        <li class="icon fa-code">
+          <h3><a href="colono">El colono</a></h3>
+          <p>Augue consectetur sed interdum imperdiet et ipsum. Mauris lorem tincidunt nullam amet leo Aenean ligula consequat consequat.</p>
+        </li>
+        <li class="icon fa-headphones">
+          <h3><a href="colono-ciudadano">De colono a ciudadano</a></h3>
+          <p>Augue consectetur sed interdum imperdiet et ipsum. Mauris lorem tincidunt nullam amet leo Aenean ligula consequat consequat.</p>
+        </li>
+        <li class="icon fa-flag-o">
+          <h3><a href="mujeres">Las mujeres en el proceso colonizador</a></h3>
+          <p>Augue consectetur sed interdum imperdiet et ipsum. Mauris lorem tincidunt nullam amet leo Aenean ligula consequat consequat.</p>
+        </li>
+        <li class="icon fa-flag-o">
+          <h3><a href="urbanismo">Diseño urbano y paisajes</a></h3>
+          <p>Augue consectetur sed interdum imperdiet et ipsum. Mauris lorem tincidunt nullam amet leo Aenean ligula consequat consequat.</p>
+        </li>
+        <li class="icon fa-flag-o">
+          <h3><a href="cultivos">Tipos de cultivo y producción</a></h3>
+          <p>Augue consectetur sed interdum imperdiet et ipsum. Mauris lorem tincidunt nullam amet leo Aenean ligula consequat consequat.</p>
+        </li>
+        <li class="icon fa-flag-o">
+          <h3><a href="modelos">Los modelos principales</a></h3>
+          <p>Augue consectetur sed interdum imperdiet et ipsum. Mauris lorem tincidunt nullam amet leo Aenean ligula consequat consequat.</p>
+        </li>
+        <li class="icon fa-flag-o">
+          <h3><a href="mecanismos-expropiacion">Expropiación y plusvalía</a></h3>
+          <p>Augue consectetur sed interdum imperdiet et ipsum. Mauris lorem tincidunt nullam amet leo Aenean ligula consequat consequat.</p>
+        </li>
+      </ul>
+    </div>
+  </section>
+
+<!-- CTA -->
+  <section id="cta" class="wrapper style4">
+    <div class="inner">
+      <header>
+        <h2>Arcue ut vel commodo</h2>
+        <p>Aliquam ut ex ut augue consectetur interdum endrerit imperdiet amet eleifend fringilla.</p>
+      </header>
+      <ul class="actions vertical">
+        <li><a href="#" class="button fit special">Activate</a></li>
+        <li><a href="#" class="button fit">Learn More</a></li>
+      </ul>
+    </div>
+  </section>
 
 
 </article>
diff --git a/docs/_site/presos.html b/docs/_site/presos.html
index 4937a18..9df7de8 100644
--- a/docs/_site/presos.html
+++ b/docs/_site/presos.html
@@ -153,23 +153,73 @@
     </div>
   </section>
 
-<!-- Footer -->
-<footer id="footer">
-  <ul class="icons">
-    
-  </ul>
-  <ul class="copyright">
-    <li>&copy; 
-    
-      
-      
-    
-    2017
-    TÍTULO</li>
-    <li>Design: <a href="http://html5up.net" target="_blank">HTML5 UP</a></li>
-    <li>Built with: <a href="http://jekyllrb.com" target="_blank">Jekyll</a></li>
-  </ul>
-</footer>
+<!-- Three -->
+  <section id="three" class="wrapper style3 special">
+    <div class="inner">
+      <!--
+      <header class="major">
+        <h2>Título posible de sección bloques</h2>
+        <p>Aliquam ut ex ut augue consectetur interdum. Donec amet imperdiet eleifend<br />
+        fringilla tincidunt. Nullam dui leo Aenean mi ligula, rhoncus ullamcorper.</p>
+      </header>-->
+      <ul class="features">
+        <li class="icon fa-paper-plane-o">
+          <h3><a href="introduccion">Introducción</a></h3>
+          <p>Agua, reforma agraria y colonizaci&oacute;n. Contexto internacional de modernizaci&oacute;n agr&iacute;cola</p>
+        </li>
+        <li class="icon fa-paper-plane-o">
+          <h3><a href="autoritario">El estado autoritario</a></h3>
+          <p>Augue consectetur sed interdum imperdiet et ipsum. Mauris lorem tincidunt nullam amet leo Aenean ligula consequat consequat.</p>
+        </li>
+        <li class="icon fa-laptop">
+          <h3><a href="presos">Empleo de presos en las grandes obras</a></h3>
+          <p>De la represión política a la explotación económica: el programa de Redención de Penas por el Trabajo, fundamental para la colonización.</p>
+        </li>
+        <li class="icon fa-code">
+          <h3><a href="colono">El colono</a></h3>
+          <p>Augue consectetur sed interdum imperdiet et ipsum. Mauris lorem tincidunt nullam amet leo Aenean ligula consequat consequat.</p>
+        </li>
+        <li class="icon fa-headphones">
+          <h3><a href="colono-ciudadano">De colono a ciudadano</a></h3>
+          <p>Augue consectetur sed interdum imperdiet et ipsum. Mauris lorem tincidunt nullam amet leo Aenean ligula consequat consequat.</p>
+        </li>
+        <li class="icon fa-flag-o">
+          <h3><a href="mujeres">Las mujeres en el proceso colonizador</a></h3>
+          <p>Augue consectetur sed interdum imperdiet et ipsum. Mauris lorem tincidunt nullam amet leo Aenean ligula consequat consequat.</p>
+        </li>
+        <li class="icon fa-flag-o">
+          <h3><a href="urbanismo">Diseño urbano y paisajes</a></h3>
+          <p>Augue consectetur sed interdum imperdiet et ipsum. Mauris lorem tincidunt nullam amet leo Aenean ligula consequat consequat.</p>
+        </li>
+        <li class="icon fa-flag-o">
+          <h3><a href="cultivos">Tipos de cultivo y producción</a></h3>
+          <p>Augue consectetur sed interdum imperdiet et ipsum. Mauris lorem tincidunt nullam amet leo Aenean ligula consequat consequat.</p>
+        </li>
+        <li class="icon fa-flag-o">
+          <h3><a href="modelos">Los modelos principales</a></h3>
+          <p>Augue consectetur sed interdum imperdiet et ipsum. Mauris lorem tincidunt nullam amet leo Aenean ligula consequat consequat.</p>
+        </li>
+        <li class="icon fa-flag-o">
+          <h3><a href="mecanismos-expropiacion">Expropiación y plusvalía</a></h3>
+          <p>Augue consectetur sed interdum imperdiet et ipsum. Mauris lorem tincidunt nullam amet leo Aenean ligula consequat consequat.</p>
+        </li>
+      </ul>
+    </div>
+  </section>
+
+<!-- CTA -->
+  <section id="cta" class="wrapper style4">
+    <div class="inner">
+      <header>
+        <h2>Arcue ut vel commodo</h2>
+        <p>Aliquam ut ex ut augue consectetur interdum endrerit imperdiet amet eleifend fringilla.</p>
+      </header>
+      <ul class="actions vertical">
+        <li><a href="#" class="button fit special">Activate</a></li>
+        <li><a href="#" class="button fit">Learn More</a></li>
+      </ul>
+    </div>
+  </section>
 
 
 </article>
diff --git a/docs/_site/urbanismo.html b/docs/_site/urbanismo.html
index d21d2c3..8a365ef 100644
--- a/docs/_site/urbanismo.html
+++ b/docs/_site/urbanismo.html
@@ -144,23 +144,73 @@
     </div>
   </section>
 
-<!-- Footer -->
-<footer id="footer">
-  <ul class="icons">
-    
-  </ul>
-  <ul class="copyright">
-    <li>&copy; 
-    
-      
-      
-    
-    2017
-    TÍTULO</li>
-    <li>Design: <a href="http://html5up.net" target="_blank">HTML5 UP</a></li>
-    <li>Built with: <a href="http://jekyllrb.com" target="_blank">Jekyll</a></li>
-  </ul>
-</footer>
+<!-- Three -->
+  <section id="three" class="wrapper style3 special">
+    <div class="inner">
+      <!--
+      <header class="major">
+        <h2>Título posible de sección bloques</h2>
+        <p>Aliquam ut ex ut augue consectetur interdum. Donec amet imperdiet eleifend<br />
+        fringilla tincidunt. Nullam dui leo Aenean mi ligula, rhoncus ullamcorper.</p>
+      </header>-->
+      <ul class="features">
+        <li class="icon fa-paper-plane-o">
+          <h3><a href="introduccion">Introducción</a></h3>
+          <p>Agua, reforma agraria y colonizaci&oacute;n. Contexto internacional de modernizaci&oacute;n agr&iacute;cola</p>
+        </li>
+        <li class="icon fa-paper-plane-o">
+          <h3><a href="autoritario">El estado autoritario</a></h3>
+          <p>Augue consectetur sed interdum imperdiet et ipsum. Mauris lorem tincidunt nullam amet leo Aenean ligula consequat consequat.</p>
+        </li>
+        <li class="icon fa-laptop">
+          <h3><a href="presos">Empleo de presos en las grandes obras</a></h3>
+          <p>De la represión política a la explotación económica: el programa de Redención de Penas por el Trabajo, fundamental para la colonización.</p>
+        </li>
+        <li class="icon fa-code">
+          <h3><a href="colono">El colono</a></h3>
+          <p>Augue consectetur sed interdum imperdiet et ipsum. Mauris lorem tincidunt nullam amet leo Aenean ligula consequat consequat.</p>
+        </li>
+        <li class="icon fa-headphones">
+          <h3><a href="colono-ciudadano">De colono a ciudadano</a></h3>
+          <p>Augue consectetur sed interdum imperdiet et ipsum. Mauris lorem tincidunt nullam amet leo Aenean ligula consequat consequat.</p>
+        </li>
+        <li class="icon fa-flag-o">
+          <h3><a href="mujeres">Las mujeres en el proceso colonizador</a></h3>
+          <p>Augue consectetur sed interdum imperdiet et ipsum. Mauris lorem tincidunt nullam amet leo Aenean ligula consequat consequat.</p>
+        </li>
+        <li class="icon fa-flag-o">
+          <h3><a href="urbanismo">Diseño urbano y paisajes</a></h3>
+          <p>Augue consectetur sed interdum imperdiet et ipsum. Mauris lorem tincidunt nullam amet leo Aenean ligula consequat consequat.</p>
+        </li>
+        <li class="icon fa-flag-o">
+          <h3><a href="cultivos">Tipos de cultivo y producción</a></h3>
+          <p>Augue consectetur sed interdum imperdiet et ipsum. Mauris lorem tincidunt nullam amet leo Aenean ligula consequat consequat.</p>
+        </li>
+        <li class="icon fa-flag-o">
+          <h3><a href="modelos">Los modelos principales</a></h3>
+          <p>Augue consectetur sed interdum imperdiet et ipsum. Mauris lorem tincidunt nullam amet leo Aenean ligula consequat consequat.</p>
+        </li>
+        <li class="icon fa-flag-o">
+          <h3><a href="mecanismos-expropiacion">Expropiación y plusvalía</a></h3>
+          <p>Augue consectetur sed interdum imperdiet et ipsum. Mauris lorem tincidunt nullam amet leo Aenean ligula consequat consequat.</p>
+        </li>
+      </ul>
+    </div>
+  </section>
+
+<!-- CTA -->
+  <section id="cta" class="wrapper style4">
+    <div class="inner">
+      <header>
+        <h2>Arcue ut vel commodo</h2>
+        <p>Aliquam ut ex ut augue consectetur interdum endrerit imperdiet amet eleifend fringilla.</p>
+      </header>
+      <ul class="actions vertical">
+        <li><a href="#" class="button fit special">Activate</a></li>
+        <li><a href="#" class="button fit">Learn More</a></li>
+      </ul>
+    </div>
+  </section>
 
 
 </article>
diff --git a/docs/contexto.md b/docs/contexto.md
index 3591c35..1f7ca64 100644
--- a/docs/contexto.md
+++ b/docs/contexto.md
@@ -8,7 +8,3 @@ El proyecto y políticas de colonización agraria del Estado
 franquista desplegadas por el Instituto Nacional de Colonización (1939-1973) no
 surgen de la nada. Siguiendo a [Cristóbal Gómez Benito](http://historiadelpresente.es/sites/default/files/revista/articulos/3/305unarevisionyunareflexionsobrelapoliticadecolonizacionagrariaenlaespanadefranco.pdf) en ella confluyen las políticas históricas repobladoras y de colonización, la
 de reforma agraria y la política hidráulica.  
-
-
-
-