Change how page/post classes are applied

scss/_header.scss

@@ -145,8 +145,8 @@ header {
 
 }
 
-header + * {
-  @media (min-width: 500px) {
+@media (min-width: 500px) {
+  body:not(.front-page) header + * {
     margin-top: $header-full-height;
   }
 }

scss/_page.scss

@@ -9,6 +9,20 @@ body.page {
     &.active { background: white; }
   }
 
+}
+
+body.post {
+  #body {
+    max-width: 1200px;
+    margin-left: auto;
+    margin-right: auto;
+
+    padding: 5px;
+  }
+}
+
+body.gdb {
+
   #body {
     background-color: $gutter-bg;
 
@@ -49,56 +63,54 @@ body.page {
       }
     }
 
-  }
+    h1, h2, h3, h4, h5 { a {
+      color: inherit;
+      overflow: hidden;
+    } }
 
-  h1, h2, h3, h4, h5 { a {
-    color: inherit;
-    overflow: hidden;
-  } }
+    .gutter {
+      @media (min-width: 800px) {
+        position: relative;
+        height: 0;
+        left: calc(100% + 1em);
+        width: 400px;
+        padding: 0 1em;
 
-  .gutter {
-    @media (min-width: 800px) {
-      position: relative;
-      height: 0;
-      left: calc(100% + 1em);
-      width: 400px;
-      padding: 0 1em;
+        @media (max-width: 1000px) {
+          width: 300px;
+        }
+      }
 
-      @media (max-width: 1000px) {
+      @media (min-width: 500px) and (max-width: 800px) {
+        float: right;
         width: 300px;
+        margin-left: 1em;
+        zoom: 0.9;
+      }
+
+      // outline: 1px solid red;
+
+      &.flex, .flex {
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+      }
+
+      > a > img:not(.card-img-top), > img {
+        max-width: 100%;
+        margin-bottom: 5px;
       }
     }
 
-    @media (min-width: 500px) and (max-width: 800px) {
-      float: right;
-      width: 300px;
-      margin-left: 1em;
-      zoom: 0.9;
-    }
+    .full-wide {
+      width: calc(100vw - 4em);
+      background-color: darken($content-bg, 1%);
+      border: 1px solid $gutter-border;
+      border-radius: 0.3em;
+      padding: 1.2em 1.2em 1em;
 
-    // outline: 1px solid red;
-
-    &.flex, .flex {
-      display: flex;
-      flex-direction: column;
-      align-items: center;
-    }
-
-    > a > img:not(.card-img-top), > img {
-      max-width: 100%;
-      margin-bottom: 5px;
+      box-shadow: 0 1px 3px rgba($gray-600, 0.5);
+      margin-bottom: 1em;
     }
   }
-
-  .full-wide {
-    width: calc(100vw - 4em);
-    background-color: darken($content-bg, 1%);
-    border: 1px solid $gutter-border;
-    border-radius: 0.3em;
-    padding: 1.2em 1.2em 1em;
-
-    box-shadow: 0 1px 3px rgba($gray-600, 0.5);
-    margin-bottom: 1em;
-  }
-
 }