diff --git a/templates/css/bulma-blog.css b/templates/css/bulma-blog.css
index e4c71e7..e60572f 100644
--- a/templates/css/bulma-blog.css
+++ b/templates/css/bulma-blog.css
@@ -1,30 +1,30 @@
-html,body {
-  font-family: 'Open Sans', sans-serif;
-  font-size: 14px;
-  background: #F0F2F4;
+html, body {
+    font-family: 'Open Sans', sans-serif;
+    font-size: 14px;
+    background: #F0F2F4;
 }
+
 .navbar.is-white {
-  background: #F0F2F4;
+    background: #F0F2F4;
 }
+
 .navbar-brand .brand-text {
-  font-size: 1.11rem;
-  font-weight: bold;
+    font-size: 1.11rem;
+    font-weight: bold;
 }
-.hero-body
-{
-background-position: center;
-background-size: cover;
-background-repeat: no-repeat;
-height: 400px;
-}
-.articles {
-  margin: 5rem 0;
-  margin-top: -200px;
+
+.hero-body {
+    background-position: center;
+    background-size: cover;
+    background-repeat: no-repeat;
+    height: 400px;
 }
+
 .articles .content p {
     line-height: 1.9;
     margin: 15px 0;
 }
+
 .author-image {
     position: absolute;
     top: -30px;
@@ -35,33 +35,37 @@ height: 400px;
     border: 3px solid #ccc;
     border-radius: 50%;
 }
+
 .media-center {
-  display: block;
-  margin-bottom: 1rem;
+    display: block;
+    margin-bottom: 1rem;
 }
+
 .media-content {
-  margin-top: 3rem;
+    margin-top: 3rem;
 }
+
 .article, .promo-block {
-  margin-top: 6rem;
+    margin-top: 6rem;
 }
+
 div.column.is-8:first-child {
-  padding-top: 0;
-  margin-top: 0;
+    padding-top: 0;
+    margin-top: 0;
 }
+
 .article-title {
-  font-size: 2rem;
-  font-weight: lighter;
-  line-height: 2;
+    font-size: 2rem;
+    font-weight: lighter;
+    line-height: 2;
 }
+
 .article-subtitle {
-  color: #909AA0;
-  margin-bottom: 3rem;
+    color: #909AA0;
+    margin-bottom: 3rem;
 }
+
 .article-body {
-  line-height: 1.4;
-  margin: 0 6rem;
+    line-height: 1.4;
+    margin: 0 6rem;
 }
-.promo-block .container {
-  margin: 1rem 5rem;
-}
\ No newline at end of file
diff --git a/templates/layouts/bulma-blog/error.html b/templates/layouts/bulma-blog/error.html
index 9af56ba..ad1e3cd 100644
--- a/templates/layouts/bulma-blog/error.html
+++ b/templates/layouts/bulma-blog/error.html
@@ -1,6 +1,10 @@
-<div class="error fade-in">
-  <h1>404</h1>
-  <p class="error-text">
-    Sorry. What you were looking for doesn't seem to be there :(...
-  </p>
-</div>
\ No newline at end of file
+<div class="card article fade-in">
+    <div class="card-content">
+	  <span class="is-size-1 has-text-left">
+	    404
+	  </span>
+      <p class="has-text-left is-size-5">
+            The page you requested doesn't exist or is unavailable.
+      </p>
+    </div>
+</div>
diff --git a/templates/layouts/bulma-blog/page-list.html b/templates/layouts/bulma-blog/page-list.html
index f3a6ef5..eb42bfd 100644
--- a/templates/layouts/bulma-blog/page-list.html
+++ b/templates/layouts/bulma-blog/page-list.html
@@ -1,11 +1,11 @@
 <div class="card article fade-in">
-  <div class="card-content">
-  	<h1 class="is-size-1">Pages</h1>
-		<hr>
-	 	<% data.pages.forEach(function(page) { %>
-	    <h3 class="is-size-3">
-	      <a href="<%= page.permalink %>"><%= page.title %></a>
-	    </h3>
-	  <% }) %>
-  </div>
-</div>
\ No newline at end of file
+    <div class="card-content">
+        <h1 class="is-size-2">Pages</h1>
+        <hr>
+        <% data.pages.forEach(function(page) { %>
+        <h3 class="is-size-5">
+            <a href="<%= page.permalink %>"><%= page.title %></a>
+        </h3>
+        <% }) %>
+    </div>
+</div>
diff --git a/templates/layouts/bulma-blog/page.html b/templates/layouts/bulma-blog/page.html
index 833fa40..7f4158c 100644
--- a/templates/layouts/bulma-blog/page.html
+++ b/templates/layouts/bulma-blog/page.html
@@ -1,10 +1,10 @@
 <div class="card article fade-in">
   <div class="card-content">
-	  <h1 class="is-size-1">
+	  <span class="article-title">
 	    <%= data.title %>
-	  </h1>
-	  <p>
+	  </span>
+	  <p class="article-body">
   		<%= data.body %>
   	</p>
   </div>
-</div>
\ No newline at end of file
+</div>
diff --git a/templates/layouts/bulma-blog/post-list.html b/templates/layouts/bulma-blog/post-list.html
index 2cf113e..1601296 100644
--- a/templates/layouts/bulma-blog/post-list.html
+++ b/templates/layouts/bulma-blog/post-list.html
@@ -1,33 +1,33 @@
 <% data.posts.forEach(function(post) { %>
-  <% if(!post.draft) { %>
-    <div class="card article fade-in">
-      <div class="card-content">
+<% if(!post.draft) { %>
+<div class="card article fade-in">
+    <div class="card-content">
         <div class="media">
-          <div class="media-center">
-            <img src="http://i.pravatar.cc/300" class="author-image" alt="Placeholder image">
-          </div>
-          <div class="media-content has-text-centered">
-            <a href="<%= post.permalink %>">
-              <p class="title article-title">
-                <%= post.title %>
-              </p>
-            </a>
-            <div class="tags has-addons level-item">
-              <% if(post.author) { %>
-                <span class="tag is-rounded is-info"><%= post.author %></span>
-              <% } %>
-              <% if(post.date) { %>
-                <span class="tag is-rounded"><%= post.date %> </span>
-              <% } %>
-            </div> 
-          </div>
+            <div class="media-center">
+                <img src="http://i.pravatar.cc/300" class="author-image" alt="Placeholder image">
+            </div>
+            <div class="media-content has-text-centered">
+                <a href="<%= post.permalink %>">
+                    <p class="title article-title">
+                        <%= post.title %>
+                    </p>
+                </a>
+                <div class="tags has-addons level-item">
+                    <% if(post.author) { %>
+                    <span class="tag is-rounded is-info"><%= post.author %></span>
+                    <% } %>
+                    <% if(post.date) { %>
+                    <span class="tag is-rounded"><%= post.date %> </span>
+                    <% } %>
+                </div>
+            </div>
         </div>
         <div class="content article-body">
-          <% if(post.excerpt) { %>
+            <% if(post.excerpt) { %>
             <p><%= post.excerpt %></p>
-          <% } %>
+            <% } %>
         </div>
-      </div>
     </div>
-  <% } %>
-<% }) %>
\ No newline at end of file
+</div>
+<% } %>
+<% }) %>
diff --git a/templates/layouts/bulma-blog/post.html b/templates/layouts/bulma-blog/post.html
index 7537f23..285fd4d 100644
--- a/templates/layouts/bulma-blog/post.html
+++ b/templates/layouts/bulma-blog/post.html
@@ -1,36 +1,36 @@
 <div class="card article fade-in">
-  <div class="card-content">
-    <div class="media">
-      <div class="media-center">
-        <img src="http://i.pravatar.cc/300" class="author-image" alt="Placeholder image">
-      </div>
-      <div class="media-content has-text-centered">
-        <p class="title article-title">
-          <%= data.title %>
-        </p>
-        <p class="subtitle is-6 article-subtitle">
-          <% if(data.author) { %>
-            <a href="#"><%= data.author %></a> on 
-          <% } %>
-          <% if(data.date) { %>
-            <%= data.date %>
-          <% } %>
-        </p>
-      </div>
-      <div class="tags">
-        <% if(data.tags) { %>
-          <% data.tags.forEach(function(tag) { %>
+    <div class="card-content">
+        <div class="media">
+            <div class="media-center">
+                <img src="http://i.pravatar.cc/300" class="author-image" alt="Placeholder image">
+            </div>
+        </div>
+        <div class="tags">
+            <% if(data.tags) { %>
+            <% data.tags.forEach(function(tag) { %>
             <% if(tag) { %>
-              <a href="#/posts?tag=<%= tag %>">
+            <a href="#/posts?tag=<%= tag %>">
                 <span class="tag is-rounded is-info"><%= tag %></span>
-              </a>
+            </a>
             <% } %>
-          <% }) %>
-        <% } %>
-      </div>
-    </div>
-    <div class="content article-body">
-      <%= data.body %>
+            <% }) %>
+            <% } %>
+        </div>
+        <div class="has-text-centered">
+            <p class="title article-title">
+                <%= data.title %>
+            </p>
+            <p class="subtitle is-6 article-subtitle">
+                <% if(data.author) { %>
+                <a href="#"><%= data.author %></a> on
+                <% } %>
+                <% if(data.date) { %>
+                <%= data.date %>
+                <% } %>
+            </p>
+            <div class="content article-body">
+                <%= data.body %>
+            </div>
+        </div>
     </div>
-  </div>
-</div>
\ No newline at end of file
+</div>