tweak footer font sizes on mobile

assets/css/custom.css

@@ -66,4 +66,18 @@ ul.wp-block-navigation.mobile-header-nav li {
 .site-footer a:hover,
 .site-footer a:focus {
   text-decoration: underline;
+}
+
+/* fixing padding for certain elements on front page */
+@media (max-width: 480px) {
+  body {
+    --wp--preset--spacing--80: 2.5rem
+  }
+}
+
+/* tweak footer font sizes on mobile */
+@media (max-width: 480px) {
+  .site-footer ul.is-style-arrow li {
+    font-size: 18px !important;
+  }
 }

theme.json

@@ -67,6 +67,7 @@
 			"wideSize": "1760px"
 		},
 		"typography": {
+			"fluid": true,
 			"fontFamilies": [
 				{
 					"fontFace": [
@@ -477,6 +478,12 @@
 					"size": "16px",
 					"slug": "small"
 				},
+				{
+					"fluid": false,
+					"name": "Standard",
+					"size": "18px",
+					"slug": "standard"
+				},
 				{
 					"fluid": false,
 					"name": "Medium",
@@ -490,21 +497,22 @@
 					"slug": "large"
 				},
 				{
-					"fluid": false,
 					"name": "Extra Large",
 					"size": "30px",
 					"slug": "x-large"
 				},
 				{
-					"fluid": false,
 					"name": "Extra Extra Large",
 					"size": "48px",
 					"slug": "xx-large"
 				},
 				{
-					"fluid": false,
+					"fluid" : {
+						"min": "43px",
+						"max": "54px"
+					},
 					"name": "Huge",
-					"size": "56px",
+					"size": "54px",
 					"slug": "huge"
 				}
 			]