Article max width is now separate from tag's

And is set to 800px

sass/style.scss

@@ -165,4 +165,11 @@ h2#title {
   margin-bottom: 1rem;
 }
 
+.article {
+  max-width: 800px;
+  article {
+    text-align: justify;
+  }
+}
+
 @import "search.scss"

templates/article.html.nunjucks

 {% 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" %}

templates/partials/footer.html.nunjucks

-      </div> <!-- #content -->
       <footer class="page-footer blue">
         <div class="row">
           <div class="container s6">

templates/partials/header.html.nunjucks

@@ -112,5 +112,4 @@
       </div>
     </nav>
     {% include "partials/search" %}
-    <div id=content class=container>
       

templates/partials/list.html.nunjucks

 {% 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 -->