From 286d55727aed5202a39e60a0059b9b2ea93b8131 Mon Sep 17 00:00:00 2001
From: Ian Gulliver <ian@flamingcow.tv>
Date: Wed, 24 Apr 2019 05:38:53 +0000
Subject: [PATCH] Fix mobile font sizes

---
 include/style.css | 27 ++++++++++++++++-----------
 1 file changed, 16 insertions(+), 11 deletions(-)

diff --git a/include/style.css b/include/style.css
index 5c47189..d2005ed 100644
--- a/include/style.css
+++ b/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;
+	}
+}