diff --git a/public/main.css b/public/main.css
index d8878fd..7a2bb10 100644
--- a/public/main.css
+++ b/public/main.css
@@ -1,11 +1,10 @@
 body {
 	font-family: "Source Sans Pro", "Fira Sans", Roboto, sans-serif;
 	line-height: 1.2;
-	background: #fff5f0;
+	background-color: #efe5e0;
 
 	margin: 0;
 	padding: 0;
-	padding-top: 2vmin;
 	box-sizing: border-box;
 	min-height: 100vh;
 }
@@ -35,15 +34,21 @@ body {
 }
 body > header {
 	grid-area: header;
-	padding: 0 2vmin;
+	padding: 2vmin;
 }
 main {
 	grid-area: main;
 	padding: 0 2vmin;
+	margin-bottom: 2em;
+	background: #fff5f0;
 }
 .blog main {
 	justify-self: center;
 }
+body:not(.blog) main h2 {
+	margin-top: 0.3em;
+	margin-bottom: 0;
+}
 #social {
 	grid-area: social;
 	align-self: start;
@@ -53,9 +58,11 @@ footer {
 	align-self: end;
 }
 
-@media (min-width:900px) or ((min-aspect-ratio:1/1) and (min-width:300px)) {
+@media (min-width:900px) or ((min-aspect-ratio:1/1) and (min-width:600px)) {
 	body {
-		grid-template-columns: 27vmin 2fr;
+		background-color: #fff5f0;
+
+		grid-template-columns: 100px 1fr;
 		grid-template-rows: auto 1fr auto;
 		grid-template-areas:
 			"header main"
@@ -71,17 +78,22 @@ footer {
 	}
 	main {
 		padding: 0 1em;
+		margin-bottom: 0;
 	}
 }
 
 @media (min-width:900px) {
 	body {
+		grid-template-columns: 150px 1fr;
 		padding: 2em 2em 0;
 	}
 	body:not(.blog) main {
 		font-size: 150%;
 		margin-left: 4em;
 	}
+	body:not(.blog) main h2 {
+		margin-top: 0;
+	}
 }
 
 @media (min-width:1500px) {
@@ -163,18 +175,28 @@ body > header img {
 body > header img, .sitename {
 	vertical-align: middle;
 }
-@media (min-width:900px) or ((min-aspect-ratio:1/1) and (min-width:300px)) {
+@media (min-width:900px) or ((min-aspect-ratio:1/1) and (min-width:600px)) {
 	body > header img {
-		width: 27vmin;
-		height: 27vmin;
+		width: 100px;
+		height: 100px;
 		display: block;
 	}
 	.sitename {
 		margin: 0.3em 0 0 0;
 		display: block;
-		font-size: 8vmin;
+		font-size: 23pt;
 	}
 }
+@media (min-width:900px) {
+	body > header img {
+		width: 150px;
+		height: 150px;
+	}
+	.sitename {
+		font-size: 34pt;
+	}
+
+}
 @media (min-width:1500px) {
 	body > header img {
 		width: 250px;
@@ -192,10 +214,11 @@ body > header img, .sitename {
 
 .links ul {
 	padding: 0;
+	margin: 0 0 1em;
 }
 .links li {
 	list-style: none;
-	margin: 1.5em 0;
+	margin: 0.5em 0;
 }
 
 .links li a {
@@ -216,6 +239,15 @@ body > header img, .sitename {
 	text-decoration: underline;
 }
 
+@media (min-width:900px) or ((min-aspect-ratio:1/1) and (min-width:600px)) {
+	.links li {
+		margin: 1.5em 0;
+	}
+	.links ul {
+		margin-bottom: 2em;
+	}
+}
+
 
 
 body.blog {
@@ -224,10 +256,8 @@ body.blog {
 .blog main {
 	line-height: 1.5;
 	max-width: 50em;
-	background: #fff5f0;
-	margin-bottom: 2em;
 }
-@media (min-width:900px) or ((min-aspect-ratio:1/1) and (min-width:300px)) {
+@media (min-width:900px) or ((min-aspect-ratio:1/1) and (min-width:600px)) {
 	.blog main {
 		line-height: 1.8;
 	}
@@ -258,7 +288,7 @@ main header {
 	padding: 0.5em 2vmin;
 	margin: 0 -2vmin;
 }
-@media (min-width:900px) or ((min-aspect-ratio:1/1) and (min-width:300px)) {
+@media (min-width:900px) or ((min-aspect-ratio:1/1) and (min-width:600px)) {
 	.codehilite {
 		padding: 0.5em 1em;
 		margin: 0 -1em;
@@ -328,12 +358,17 @@ pre code {
 #irc-link:before {
 	background-image: url(irc.svg);
 }
-@media (min-width:900px) or ((min-aspect-ratio:1/1) and (min-width:300px)) {
+@media (min-width:900px) or ((min-aspect-ratio:1/1) and (min-width:600px)) {
 	#social {
-		font-size: 2vmin;
+		font-size: 60%;
 		margin-top: 5em;
 	}
 }
+@media (min-width:900px) {
+	#social {
+		font-size: 80%;
+	}
+}
 @media (min-width:1500px) {
 	#social {
 		font-size: 100%;
@@ -346,4 +381,5 @@ footer {
 	text-align: center;
 	background-color: #dbc7d7;
 	padding: 0.3em;
+	margin-top: 1em;
 }