More sensible header structure. Cute cow at the bottom

include/style.css

@@ -34,42 +34,34 @@ img {
 	max-width: 100%;
 }
 
-header {
+header, footer {
 	text-align: center;
-	margin-bottom: 20px;
-}
-
-footer {
-	text-align: center;
-}
-
-h1, h2, h3, h4 {
+	margin-top: 10px;
+	margin-bottom: 15px;
 	font-size: 17px;
-}
-
-h1 {
+	font-weight: bold;
 	color: red;
 }
 
-h1 a {
+footer {
+	filter: grayscale(1.0);
+}
+
+header a {
 	color: red;
 	text-decoration: none;
 }
 
-h2 {
+h1, h2 {
+	font-size: 17px;
+	margin-top: 25px;
+}
+
+h1 {
 	font-weight: bold;
 	text-transform: uppercase;
-	margin-top: 0.5em;
-	margin-bottom: 0.5em;
-}
-
-h3 {
-	font-weight: bold;
-	margin-top: 2em;
-}
-
-h4 {
-	font-weight: normal;
+	margin-top: 7px;
+	margin-bottom: 7px;
 }
 
 article {
@@ -126,7 +118,7 @@ code {
 		font-size: 13px;
 	}
 
-	h1, h2, h3, h4 {
+	h1, h2 {
 		font-size: 14px;
 	}