diff --git a/sass/style.scss b/sass/style.scss
index 4aa6eac5a88fcd139fbb422a507422132eb51549..8ef8d35ef9f5fb5a2c192c6c60b8227f6d8cb84a 100644
--- a/sass/style.scss
+++ b/sass/style.scss
@@ -165,4 +165,11 @@ h2#title {
   margin-bottom: 1rem;
 }
 
+.article {
+  max-width: 800px;
+  article {
+    text-align: justify;
+  }
+}
+
 @import "search.scss"
diff --git a/templates/article.html.nunjucks b/templates/article.html.nunjucks
index c6571445f5e93f0b919e9972ccdc286205d0403f..ad521dfa51e2c7b1a0d22930264f7a9d39bf933a 100644
--- a/templates/article.html.nunjucks
+++ b/templates/article.html.nunjucks
@@ -1,4 +1,5 @@
 {% include "partials/header" %}
+<div id=content class="container article">
   <div class="section">
     <h2 id="title">{{ metadata.title }}</h2>
     <div class="author" style="color: #a2a2a2">
@@ -27,4 +28,5 @@
       </article>
     </div>
   </div>
+</div> <!-- #content -->
 {% include "partials/footer" %}
diff --git a/templates/partials/footer.html.nunjucks b/templates/partials/footer.html.nunjucks
index e1e7dd523203c85ad8fcd6510dd6889d415bd42f..47cef894362c116bc23bc662002c982bdb569d81 100644
--- a/templates/partials/footer.html.nunjucks
+++ b/templates/partials/footer.html.nunjucks
@@ -1,4 +1,3 @@
-      </div> <!-- #content -->
       <footer class="page-footer blue">
         <div class="row">
           <div class="container s6">
diff --git a/templates/partials/header.html.nunjucks b/templates/partials/header.html.nunjucks
index 5c538a907fb884fa2703fdf1cb1b16a1add4ab1a..7e31f158a03ca3ea5ccd1ea6a7fa482d02d680f6 100644
--- a/templates/partials/header.html.nunjucks
+++ b/templates/partials/header.html.nunjucks
@@ -112,5 +112,4 @@
       </div>
     </nav>
     {% include "partials/search" %}
-    <div id=content class=container>
       
diff --git a/templates/partials/list.html.nunjucks b/templates/partials/list.html.nunjucks
index 9c8c96ba5a77f1355541309881cdd33d5c8457a1..8dcad0a6ed54b7be667722ba01b23074000d2df9 100644
--- a/templates/partials/list.html.nunjucks
+++ b/templates/partials/list.html.nunjucks
@@ -1,5 +1,5 @@
 {% import "partials/svgs" as svgs %}
-
+  <div id=content class=container>
     <div class="section">
       <div class="row">
         {% for page in content %}
@@ -83,4 +83,4 @@
       $(document).ready(onresize);
     })(jQuery);
     </script>
-
+</div> <!-- #content -->