From d56f9dcb42efe4630d546cfdb1aef5c584b286d2 Mon Sep 17 00:00:00 2001
From: henrylin03 <83106787+henrylin03@users.noreply.github.com>
Date: Wed, 4 Sep 2024 15:41:24 +1000
Subject: [PATCH] style: on policy and terms and condition subpages, reduce
 font-size and line-height for legibility on smaller screens

---
 css/global.css   | 16 ++++++++++++++++
 css/policies.css | 17 ++++++++++++-----
 2 files changed, 28 insertions(+), 5 deletions(-)

diff --git a/css/global.css b/css/global.css
index fa713f1..8b7a7c2 100644
--- a/css/global.css
+++ b/css/global.css
@@ -116,6 +116,17 @@ footer a:hover {
 /* MEDIA QUERIES */
 /* mobile */
 @media only screen and (max-width: 768px) {
+  h1 {
+    font-size: 2.1rem;
+  }
+
+  h2 {
+    font-size: 1.5rem;
+  }
+
+  h3 {
+    font-size: 1.2rem;
+  }
 
   /* header section */
   header {
@@ -143,6 +154,11 @@ footer a:hover {
     padding: 12px;
   }
 
+  main p,
+  main ul {
+    font-size: .85rem;
+  }
+
   /* footer */
   footer {
     font-size: .5rem;
diff --git a/css/policies.css b/css/policies.css
index d63ab08..d5bc56d 100644
--- a/css/policies.css
+++ b/css/policies.css
@@ -63,12 +63,19 @@ main a:hover {
   font-weight: 600;
 }
 
-/* SPECIAL PADDING FOR FOOTER */
-footer {
-  padding: 24px 36px;
+/* MEDIA QUERIES */
+/* mobile */
+@media only screen and (max-width: 768px) {
+  main p {
+    line-height: 1.5rem;
+    margin: .75rem 0;
+  }
+
+  main ul {
+    line-height: 1.5rem;
+  }
 
-  /* mobile */
-  @media (max-width: 768px) {
+  footer {
     padding: 16px;
   }
 }
\ No newline at end of file