diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html
index a856f11..43bd6a0 100755
--- a/layouts/_default/baseof.html
+++ b/layouts/_default/baseof.html
@@ -35,6 +35,8 @@
       <link href="{{ .RSSLink }}" rel="feed" type="application/rss+xml" title="{{ .Site.Title }}" />
     {{ end }}
 
+    <link href="https://fonts.googleapis.com/css?family=Krub" rel="stylesheet">
+
     {{/* NOTE: These Hugo Internal Templates can be found starting at https://github.com/spf13/hugo/blob/master/tpl/tplimpl/template_embedded.go#L158 */}}
     {{- template "_internal/opengraph.html" . -}}
     {{- template "_internal/google_news.html" . -}}
diff --git a/layouts/_default/single.html b/layouts/_default/single.html
index dc65c9a..db93975 100755
--- a/layouts/_default/single.html
+++ b/layouts/_default/single.html
@@ -9,14 +9,14 @@
   <article class="{{ .Site.Params.post_article_class  | default "flex-l flex-wrap justify-between mw8 center ph3 ph0-l"}}">
 
     <header class="mt4 w-100">
-      <p class="f6 b helvetica tracked">
+      <p class="f6 b tracked" style="font-family: 'Krub', sans-serif;">
           {{/*
           CurrentSection allows us to use the section title instead of inferring from the folder.
           https://gohugo.io/variables/page/#section-variables-and-methods
           */}}
         {{with .CurrentSection.Title }}{{. | upper }}{{end}}
       </p>
-      <h1 class="{{ .Site.Params.post_title_class  | default "f1 athelas mb1" }}">
+      <h1 class="{{ .Site.Params.post_title_class  | default "f1 athelas mb1" }}" style="font-family: 'Krub', sans-serif; letter-spacing: 0.1em">
         {{- .Title -}}
         {{ partial "story-dates.html" . }}
         <div class="avenir mid-gray normal">
diff --git a/layouts/partials/all-posts-list.html b/layouts/partials/all-posts-list.html
index 18da19e..4a498db 100644
--- a/layouts/partials/all-posts-list.html
+++ b/layouts/partials/all-posts-list.html
@@ -1,7 +1,7 @@
 {{ $n_posts := $.Param "recent_posts_number" | default 3 }}
 
-<div class="pa3 pa4-ns w-100 w-70-ns center">
-  <h1 class="flex-none">
+<div >
+  <h1 class="flex-none" style="font-family: 'Krub', sans-serif;">
     Últimos posts:
   </h1>
 
@@ -15,7 +15,7 @@
 
   </section>
 
-  <section class="w-100">
+  <section class="w-100" style="font-family: 'Krub', sans-serif;">
     <h1 class="f3 dib">
        Más posts en nuestras secciones:
     </h1>
diff --git a/layouts/partials/site-footer.html b/layouts/partials/site-footer.html
index d014f77..d132091 100755
--- a/layouts/partials/site-footer.html
+++ b/layouts/partials/site-footer.html
@@ -1,6 +1,6 @@
 <footer class="{{ .Site.Params.background_color_class | default "bg-black" }} bottom-0 w-100 pa3" role="contentinfo">
   <div class="flex justify-between">
-  <a class="f4 fw4 hover-white no-underline white-70 dn dib-ns pv2 ph3" href="{{ .Site.BaseURL }}" >
+  <a class="f4 fw4 hover-white no-underline white-70 dn dib-ns pv2 ph3 ttu" href="{{ .Site.BaseURL }}" style="font-family: 'Krub', sans-serif;" >
     &copy; {{ now.Format "2006" }} {{ .Site.Title }}
   </a>
     <div>{{ partial "social-follow.html" . }}</div>
diff --git a/layouts/partials/site-header.html b/layouts/partials/site-header.html
index 9fd3b5d..9660883 100755
--- a/layouts/partials/site-header.html
+++ b/layouts/partials/site-header.html
@@ -5,8 +5,8 @@
   <header class="cover bg-top" style="background-image: url('{{ $featured_image }}');">
     <div class="{{ .Site.Params.cover_dimming_class | default "bg-black-60" }}">
       {{ partial "site-navigation.html" .}}
-      <div class="tc-l pv4 pv6-l ph3 ph4-ns">
-        <h1 class="f2 f-subheadline-l fw2 white-90 mb0 lh-title">
+      <div class="tc-l pv4 pv6-l ph3 ph4-ns" style="font-family: 'Krub', sans-serif;">
+        <h1 class="{{ $.Param "header_title_class"  | default "f2 f-subheadline-l fw2 white-90 mb0 lh-title"}}{{ with getenv "HUGO_ENV" }} {{ . }}{{ end }}">
           {{/* Determinate if is a taxonomy page so put the tag is in uppercase  on the title */}}
           {{ if .Data.Singular }}
             {{ .Title | default .Site.Title | upper }}
@@ -15,7 +15,7 @@
           {{ end }}
         </h1>
         {{ with .Params.description }}
-          <h2 class="fw1 f5 f3-l white-80 measure-wide-l center mt3">
+          <h2 class="fw1 f5 f3-l white-80 measure-wide-l center mt3" >
             {{ . }}
           </h2>
         {{ end }}
diff --git a/layouts/partials/site-navigation.html b/layouts/partials/site-navigation.html
index 65b82de..898aeda 100644
--- a/layouts/partials/site-navigation.html
+++ b/layouts/partials/site-navigation.html
@@ -1,13 +1,13 @@
-<nav class="pv3 ph3 ph4-ns" role="navigation">
+<nav class="pv3 ph3 ph4-ns tracked" role="navigation" style="font-family: 'Krub', sans-serif;">
   <div class="flex-l justify-between items-center center">
-    <a href="{{ .Site.BaseURL }}" class="f3 fw2 hover-white no-underline white-90 dib">
+    <a href="{{ .Site.BaseURL }}" class="f3 fw2 hover-white no-underline white-90 dib ttu" >
       {{ .Site.Title }}
     </a>
     <div class="flex-l items-center">
       {{ if .Site.Menus.main }}
         <ul class="pl0 mr3">
           {{ range .Site.Menus.main }}
-          <li class="list f5 f4-ns fw4 dib pr3">
+          <li class="list f5 f4-ns fw4 dib-l pr3">
             <a class="hover-white no-underline white-90" href="{{ .URL }}" title="{{ .Name }} page">
               {{ .Name }}
             </a>
diff --git a/layouts/partials/summary-with-image.html b/layouts/partials/summary-with-image.html
index d835325..48ce247 100644
--- a/layouts/partials/summary-with-image.html
+++ b/layouts/partials/summary-with-image.html
@@ -12,7 +12,7 @@
         </div>
       {{ end }}
       <div class="blah w-100{{ if .Params.featured_image }} w-60-ns pl3-ns{{ end }}">
-        <h1 class="f3 fw1 athelas mv0 lh-title">
+        <h1 class="f3 fw1 mv0 lh-title" style="font-family: 'Krub', sans-serif; letter-spacing: 0.1em">
           <a href="{{.URL}}" class="color-inherit dim link">
             {{ .Title }}
             </a>
diff --git a/layouts/partials/tags.html b/layouts/partials/tags.html
index aee360b..fbb3f44 100644
--- a/layouts/partials/tags.html
+++ b/layouts/partials/tags.html
@@ -1,7 +1,7 @@
 {{ if (and .Site.Params.tag_text_copy .Params.tags ) }}
-    <p class="f6 b helvetica tracked"> {{ .Site.Params.tag_text_copy | upper }}</p>
+    <p class="f4 b helvetica tracked" style="font-family: 'Krub', sans-serif;"> {{ .Site.Params.tag_text_copy | upper }}</p>
 {{ end }}
-<ul class="pa0 flex flex-wrap">
+<ul class="pa0 flex flex-wrap" style="font-family: 'Krub', sans-serif;">
     {{ range .Params.tags }}
      <li class="list mr2">
        <a href="{{ "/tags/" | relLangURL }}{{ . | urlize }}" class="{{ $.Param "tag_class" | default "link f5 grow no-underline br-pill ba ph3 pv2 mb2 dib black sans-serif" }}">