Adjust vertical rhythm

assets/css/components/content.css

@@ -63,9 +63,20 @@
 /* Content & Typography
 /* ---------------------------------------------------------- */
 
+.gh-content > * + * {
+    margin-top: 4vw;
+}
+
+@media (min-width: 600px) {
     .gh-content > * + * {
         margin-top: 3vw;
     }
+}
+@media (min-width: 1100px) {
+    .gh-content > * + * {
+        margin-top: 4.2rem;
+    }
+}
 
 .gh-content > [id] + * {
     margin-top: 1.5rem;
@@ -146,6 +157,15 @@
     margin-top: 6vw;
 }
 
+@media (min-width: 600px) {
+    :not(.kg-card):not([id]) + .kg-card {
+        margin-top: 6vw;
+    }
+
+    .kg-card + :not(.kg-card):not([id]) {
+        margin-top: 6vw;
+    }
+}
 @media (min-width: 1100px) {
     :not(.kg-card):not([id]) + .kg-card {
         margin-top: 6rem;

assets/css/components/global.css

@@ -130,8 +130,8 @@ h6 {
 }
 
 h1 {
-    font-size: 5.7rem;
+    font-size: 4.6rem;
-    font-weight: 800;
+    letter-spacing: -0.5px;
 }
 @media (max-width: 500px) {
     h1 {
@@ -140,7 +140,7 @@ h1 {
 }
 
 h2 {
-    font-size: 4rem;
+    font-size: 3.4rem;
 }
 @media (max-width: 500px) {
     h2 {

assets/css/screen.css

@@ -75,10 +75,6 @@ html,
 /* Post header
 /* ---------------------------------------------------------- */
 
-.gh-excerpt {
-    grid-row: 2 / 3;
-}
-
 .gh-image {
     grid-column: full-start / full-end;
     width: 100%;