From b0b9aef88a8dde2396e1d51029904b53f965378c Mon Sep 17 00:00:00 2001
From: Antonio <granviamurcia2@gmail.com>
Date: Sat, 5 Jun 2021 22:35:03 +0200
Subject: [PATCH] Making h1 fonts a little bit smaller on small devices.

---
 static/css/layouts/main.css | 13 +++++++++++++
 1 file changed, 13 insertions(+)

diff --git a/static/css/layouts/main.css b/static/css/layouts/main.css
index e028f3f..467bd4e 100644
--- a/static/css/layouts/main.css
+++ b/static/css/layouts/main.css
@@ -432,16 +432,29 @@ mark {
   code {
     padding: 0px;
   }
+
+  h1 {
+    font-size: 2.2rem;
+  }
 }
 
 /* iPhoneX, iPhone 6,7,8 */
 @media only screen and (max-width: 375px) {
+  h1 {
+    font-size: 2rem;
+  }
 }
 
 /* Galaxy S5, Moto G4 */
 @media only screen and (max-width: 360px) {
+  h1 {
+    font-size: 1.8rem;
+  }
 }
 
 /* iPhone 5 or before */
 @media only screen and (max-width: 320px) {
+  h1 {
+    font-size: 1.5rem;
+  }
 }