diff --git a/pages/article/[slug].tsx b/pages/article/[slug].tsx
index 7929f831..b835acb6 100644
--- a/pages/article/[slug].tsx
+++ b/pages/article/[slug].tsx
@@ -27,9 +27,6 @@ const Page: NextPage<Props> = props => {
         <App
             menu={buildMenu(props.pageUrl, menuModel)}
             showAuthor={true}
-            contentStyle={{
-                marginTop: 'var(--size-l)'
-            }}
         >
             <Head>
                 <title>{props.data.title}</title>
diff --git a/pages/articles/[slug].tsx b/pages/articles/[slug].tsx
index 94ae14a3..b378122a 100644
--- a/pages/articles/[slug].tsx
+++ b/pages/articles/[slug].tsx
@@ -31,9 +31,6 @@ const Page: NextPage<Props> = props => {
             menu={buildMenu(props.pageUrl, menuModel)}
             showAuthor={true}
             wide={true}
-            contentStyle={{
-                margin: 'var(--size-l) var(--size-xl)'
-            }}
         >
             <Head>
                 <title>{props.title}</title>
diff --git a/pages/collective.tsx b/pages/collective.tsx
index f54754d4..9d944176 100644
--- a/pages/collective.tsx
+++ b/pages/collective.tsx
@@ -38,9 +38,6 @@ const Page: NextPage<Props> = props => {
             menu={buildMenu(props.pageUrl, menuModel)}
             showAuthor={true}
             wide={true}
-            contentStyle={{
-                margin: 'var(--size-l) var(--size-xl)'
-            }}
         >
             <Head>
                 <title>{props.title}</title>
diff --git a/pages/document/[slug].tsx b/pages/document/[slug].tsx
index a70c2792..dc821944 100644
--- a/pages/document/[slug].tsx
+++ b/pages/document/[slug].tsx
@@ -28,9 +28,6 @@ const Page: NextPage<Props> = props => {
         <App
             menu={buildMenu(props.pageUrl, menuModel)}
             showAuthor={true}
-            contentStyle={{
-                marginTop: 'var(--size-l)'
-            }}
         >
             <Head>
                 <title>{props.data.title}</title>
diff --git a/pages/documents.tsx b/pages/documents.tsx
index deed0f7b..a4d310aa 100644
--- a/pages/documents.tsx
+++ b/pages/documents.tsx
@@ -103,9 +103,6 @@ const Page: NextPage<IProps> = props => (
     <App
         menu={buildMenu(props.pageUrl, menuModel)}
         showAuthor={true}
-        contentStyle={{
-            marginTop: 'var(--size-l)'
-        }}
     >
         <Head>
             <title>{props.title}</title>
diff --git a/pages/gallery.tsx b/pages/gallery.tsx
index 5d41dfbc..ab74db8f 100644
--- a/pages/gallery.tsx
+++ b/pages/gallery.tsx
@@ -74,9 +74,6 @@ const Page: NextPage<IProps> = props => (
         menu={buildMenu(props.pageUrl, menuModel)}
         showAuthor={true}
         wide={true}
-        contentStyle={{
-            margin: 'var(--size-l) var(--size-xl)'
-        }}
     >
         <Head>
             <title>{props.title}</title>
diff --git a/pages/index.tsx b/pages/index.tsx
index 18b14e54..a5eaf48e 100644
--- a/pages/index.tsx
+++ b/pages/index.tsx
@@ -24,9 +24,6 @@ const Page: NextPage<IProps> = props => (
         menu={buildMenu(props.pageUrl, menuModel)}
         showAuthor={true}
         wide={true}
-        contentStyle={{
-            margin: 'var(--size-l) var(--size-xl)',
-        }}
     >
         <Head>
             <title>{props.title}</title>
diff --git a/pages/schedule.tsx b/pages/schedule.tsx
index 667945db..4b676456 100644
--- a/pages/schedule.tsx
+++ b/pages/schedule.tsx
@@ -18,9 +18,6 @@ const Page: NextPage<Props> = props => (
         menu={buildMenu(props.pageUrl, menuModel)}
         showAuthor={true}
         wide={true}
-        contentStyle={{
-            marginTop: 'var(--size-l)'
-        }}
     >
         <Head>
             <title>{props.title}</title>
diff --git a/src/style.css b/src/style.css
index 7c72ed5b..e4b77543 100644
--- a/src/style.css
+++ b/src/style.css
@@ -22,8 +22,10 @@
     --tablet-max-width: 64em;
 
     /* CONTENT */
-    --content-wide: 100%;
     --content-width: 60%;
+    --content-margin: 0;
+    --content-wide-width: 100%;
+    --content-wide-margin: var(--size-l) var(--size-xl);
 
     --embed-video-ratio: 56.25%;
 
@@ -193,7 +195,9 @@ a.invisible {
         --font-size-h2: 1.5rem;
         --font-size-h3: 1.25rem;
 
-        --content-wide: 90%;
+        --content-width: 100%;
+        --content-margin: var(--size-l);
+        --content-wide-margin: var(--size-l) var(--size-l);
 
         --kazimir-image-increase: 0px;
     }
diff --git a/src/style/content.css b/src/style/content.css
index 0b0eed69..c50b21b7 100644
--- a/src/style/content.css
+++ b/src/style/content.css
@@ -1,9 +1,11 @@
 .content {
     width: var(--content-width);
+    margin: var(--content-margin);
 }
 
 .content_wide {
-    --content-width: var(--content-wide);
+    --content-width: var(--content-wide-width);
+    --content-margin: var(--content-wide-margin);
 }
 
 /* Animation on load */