Fix mobile font sizes

include/style.css

@@ -11,12 +11,6 @@ body {
 	color: #d8d8d8;
 	background: black;
 }
- 
-@media (max-width: 500px) { /* For small screen decices */
-	body {
-		font-size: 12px; 
-	}
-}   
 
 a {
 	color: #d8d8d8;
@@ -45,8 +39,8 @@ footer {
 	text-align: center;
 }
 
-h1 {
-	font-size: 16px;
+h1, h2, h3, h4 {
+	font-size: 17px;
 }
 
 h1 a {
@@ -54,7 +48,6 @@ h1 a {
 }
 
 h2 {
-	font-size: 16px;
 	font-weight: bold;
 	text-transform: uppercase;
 	margin-top: 0.5em;
@@ -62,13 +55,11 @@ h2 {
 }
 
 h3 {
-	font-size: 16px;
 	font-weight: bold;
 	margin-top: 2em;
 }
 
 h4 {
-	font-size: 16px;
 	font-weight: normal;
 }
 
@@ -107,3 +98,17 @@ code {
 
 	overflow: scroll;
 }
+
+@media (max-width: 500px) {
+	body {
+		font-size: 13px;
+	}
+
+	code {
+		font-size: 13px;
+	}
+
+	h1, h2, h3, h4 {
+		font-size: 14px;
+	}
+}