Lets test

static/sass/base/_typography.scss

@@ -1,28 +1,23 @@
-///
-/// Editorial by HTML5 UP
-/// html5up.net | @ajlkn
-/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-///
 
 /* Type */
 
 	body, input, select, textarea {
 		color: _palette(fg);
 		font-family: _font(family);
-		font-size: 16pt;
+		font-size: 14pt;
 		font-weight: _font(weight);
 		line-height: 1.65;
 
 		@include breakpoint('<=xlarge') {
-			font-size: 13pt;
+			font-size: 14pt;
 		}
 
 		@include breakpoint('<=large') {
-			font-size: 11pt;
+			font-size: 12pt;
 		}
 
 		@include breakpoint('<=xxsmall') {
-			font-size: 10pt;
+			font-size: 12pt;
 		}
 	}
 
@@ -184,4 +179,40 @@
 
 	.align-right {
 		text-align: right;
-	}
+	}
+
+    // #################################3
+	// Markdown pages styling
+	// #################################3
+
+	// Define a mixin for shared heading styles
+	@mixin shared-heading-styles($font-size) {
+		font-size: $font-size;
+		margin: 0 0 (_size(element-margin) * 0.25) 0;
+		line-height: 1.3;
+		color: _palette(fg-bold); // Assuming this is in your general h1
+		font-family: _font(family-heading);
+		font-weight: _font(weight-heading);
+	}
+
+	// Apply the mixin for h1
+	main > section > div > h1 {
+		@include shared-heading-styles(1.5em);
+	}
+
+	// Apply the mixin for h2, h3, and h4 with adjusted font sizes
+	main > section > div > h2 {
+		@include shared-heading-styles(1.2em);
+	}
+
+	main > section > div > h3 {
+		@include shared-heading-styles(1.1em);
+	}
+
+	main > section > div > h4 {
+		@include shared-heading-styles(1.0em);
+	}
+
+	main > section > div > h4 {
+
+	}