change max-w to 800px; finangle some heading PXs

_sass/main.scss

@@ -14,7 +14,7 @@ body {
   font-family: -apple-system, helvetica, arial, sans-serif;
 }
 #wrapper {
-  max-width: 700px;
+  max-width: 800px;
   margin: auto;
   color: $normal-text-color;
   font-size: 14px;
@@ -22,10 +22,15 @@ body {
 #main-name {
   color: rgba(0, 0, 0, 0.8);
 }
+
+li {
+  line-height: 1.5em;
+}
+
 h1, h2, h3, h4, h5, h6 {
 }
 h1 {
-  font-size: 46px;
+  font-size: 40px;
 }
 h2 {
   font-size: 30px;
@@ -34,7 +39,7 @@ h3 {
   font-size: 24px;
 }
 h4 {
-  font-size: 22px;
+  font-size: 20px;
 }
 h5 {
   font-size: 17px;
@@ -112,23 +117,6 @@ p {
 .article a:hover {
   color: rgba(0, 0, 0, 0.5);
 }
-.post-date {
-  text-transform: uppercase;
-  font-weight: bold;
-  color: rgba(0, 0, 0, 0.5);
-}
-
-.post-desc {
-  color: rgba(0, 0, 0, .7);
-  padding: 10px;
-  font-weight: lighter;
-}
-
-p.post-excerpt {
-  margin-top: 0;
-  padding-top: 10px;
-}
-
 
 table,
 table tr,
@@ -166,13 +154,6 @@ blockquote {
 }
 
 @media screen and (max-width: 600px){
-  h1 {
-    font-size: 40px; 
-  }
-  h2 {
-    font-size: 32px;
-  }
-
   #menu,
   label[for="menu"]{
     display: inline-block;
@@ -252,3 +233,23 @@ footer {
 .small-image {
   width: 100%;
 }
+
+.post-date {
+  font-size: 17px;
+  text-transform: uppercase;
+  font-weight: bold;
+  color: rgba(0, 0, 0, 0.5);
+}
+
+.post-desc {
+  color: rgba(0, 0, 0, .7);
+  padding: 10px;
+  font-weight: lighter;
+}
+
+p.post-excerpt {
+  margin-top: 0;
+  padding-top: 10px;
+}
+
+