From 5c77536d98a21752d31caf9b5d83acf0dbe06b2f Mon Sep 17 00:00:00 2001
From: Lyn Fugmann <lyn.fugmann@ifsr.de>
Date: Wed, 25 Sep 2024 18:41:14 +0200
Subject: [PATCH] page, font adjustments for mobile

---
 _includes/page.css | 23 +++++++++++++++++++++++
 1 file changed, 23 insertions(+)

diff --git a/_includes/page.css b/_includes/page.css
index 476ff40..6310295 100644
--- a/_includes/page.css
+++ b/_includes/page.css
@@ -24,6 +24,13 @@ main {
   margin-right: auto;
 }
 
+@media (width < 1024px) {
+  .content {
+    padding-left: 1.8rem;
+    padding-right: 1.8rem;
+  }
+}
+
 h1, h2, h3, h4 {
   color: var(--color-primary);
 }
@@ -62,6 +69,22 @@ p {
   line-height: 1.8;
 }
 
+@media (width < 640px) {
+  h1 {
+    font-size: 1.8em;
+  }
+  h2 {
+    font-size: 1.6em;
+  }
+  h3 {
+    font-size: 1.3em;
+    font-weight: 400;
+  }
+  h4 {
+    font-size: 1.15em;
+  }
+}
+
 :root {
   font-size: 12px;
   --page-width: 1280px;