diff --git a/templates/article.html b/templates/article.html
index 28f1eab..3025943 100644
--- a/templates/article.html
+++ b/templates/article.html
@@ -62,7 +62,7 @@
     </div>
   </div>
   <div class="w-layout-vflex flex-block-2 purple">
-    <div style="max-width: 575px; align-items: flex-start;">
+    <div id="header-elements" style="align-items: flex-start;">
       <h1 class="heading-8" style="font-size: 72px; margin-top: 20px;">{{title}}</h1>
       <div class="w-layout-hflex flex-block-3" style="margin-bottom: 10px;">
         {% for author in authors %}
diff --git a/templates/css/compute-c23f91.webflow.css b/templates/css/compute-c23f91.webflow.css
index 332d099..24cf453 100644
--- a/templates/css/compute-c23f91.webflow.css
+++ b/templates/css/compute-c23f91.webflow.css
@@ -50,8 +50,6 @@ article {
 }
 
 article>* {
-  width: 96vw;
-  max-width: 575px;
   line-height: 1.5;
 }
 
@@ -208,12 +206,32 @@ li {
   font-size: 18px;
 }
 
+article>* {
+  width: 96vw;
+  max-width: 940px;
+}
+
+#header-elements {
+  width: 96vw;
+  max-width: 940px;
+}
+
 @media screen and (max-width: 991px) {
   .heading-3.unwrapped-compute.compute-gradiant {
     height: 22vw;
     min-height: 0%;
   }
 
+  article>* {
+    width: 96vw;
+    max-width: 575px;
+  }
+
+  #header-elements {
+    width: 96vw;
+    max-width: 575px;
+  }
+
   .grid {
     grid-template-columns: 1fr;
   }