Switched from H2 to H1 for page title, updated style to make change seemless.

_includes/posts.html

@@ -20,7 +20,7 @@
               </a>
               <div class="inner">
                 <h4><a href="{{ post.url | relative_url }}">{{ post.title | escape }}</a></h4>
-                {{ post.date | date: date_format }}
+                <div>{{ post.date | date: date_format }}</div>
                 {%- if site.show_excerpts -%}
                   {{ post.excerpt }}
                 {%- endif -%}

_layouts/default.html

@@ -34,7 +34,7 @@
 				</div>
 				<div class="container">
 					<header class="major">
-						<h2>{{ page.title }}</h2>
+						<h1>{{ page.title }}</h1>
 						{%- if page.description -%}
 							<p>{{ page.description }}</p>
 						{%- endif -%}

assets/css/main.scss

@@ -168,6 +168,11 @@
 		}
 	}
 
+	h1 {
+		font-size: 2.5em;
+		line-height: 1.5em;
+	}
+
 	h2 {
 		font-size: 2em;
 		line-height: 1.5em;
@@ -339,6 +344,12 @@
 			margin: 0 0 (_size(element-margin) * 0.75) 0;
 		}
 
+		h1 + p {
+			font-size: 1.5em;
+			margin-top: -0.75em;
+			line-height: 1.5em;
+		}
+
 		h2 + p {
 			font-size: 1.25em;
 			margin-top: -0.5em;
@@ -360,7 +371,7 @@
 		}
 
 		&.major {
-			h2 {
+			h1 {
 				color: _palette(accent1, bg);
 				font-size: 3.5em;
 
@@ -1584,6 +1595,10 @@
 				}
 			}
 
+			h1 {
+				font-size: 2em;
+			}
+
 			h2 {
 				font-size: 1.75em;
 			}
@@ -1620,7 +1635,7 @@
 				}
 
 				&.major {
-					h2 {
+					h1 {
 						font-size: 2.5em;
 
 						& + p {