From 40a036c3a16d118cfce3545f6d4e0477ed957577 Mon Sep 17 00:00:00 2001
From: Ian Jones <51156018+ianjon3s@users.noreply.github.com>
Date: Fri, 20 Dec 2024 12:58:19 +0000
Subject: [PATCH] fix: Responsive type sizes (#4099)

---
 editor.planx.uk/src/theme.ts | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/editor.planx.uk/src/theme.ts b/editor.planx.uk/src/theme.ts
index cb8d5da640..a1b54c7416 100644
--- a/editor.planx.uk/src/theme.ts
+++ b/editor.planx.uk/src/theme.ts
@@ -156,11 +156,17 @@ const getThemeOptions = ({
         fontSize: "3rem",
         letterSpacing: SPACING_TIGHT,
         fontWeight: FONT_WEIGHT_BOLD,
+        "@media (max-width: 500px)": {
+          fontSize: "2.125rem",
+        },
       },
       h2: {
         fontSize: "2.25rem",
         letterSpacing: SPACING_TIGHT,
         fontWeight: FONT_WEIGHT_BOLD,
+        "@media (max-width: 500px)": {
+          fontSize: "1.65rem",
+        },
       },
       h3: {
         fontSize: "1.5rem",
@@ -169,6 +175,9 @@ const getThemeOptions = ({
       h4: {
         fontSize: "1.188rem",
         fontWeight: FONT_WEIGHT_SEMI_BOLD,
+        "@media (min-width: 500px) and (max-width: 768px)": {
+          fontSize: "1.15rem !important",
+        },
       },
       h5: {
         fontSize: "1rem",