misc mobile adjustments

web/src/css/variables.scss

@@ -10,6 +10,7 @@
   --font-main-bold-italic: 'AvenirNextBoldItalic', 'Avenir Next', 'Avenir', sans-serif;
   --font-serif: 'p22-mackinac-pro', serif;
 
+  // font sizes
   --font-size-xs: .66rem;
   --font-size-caption: .8rem;
   --font-size-body: 1rem;
@@ -66,6 +67,7 @@
   // animations
   --transition-easing: .3s ease;
 
+  // borders
   --border: 1px solid var(--color-neufPink);
   --border-s: 1px solid var(--color-chateauBlue-05);
 }
@@ -82,4 +84,35 @@
     --spacing-sitepadding-block: 3rem;
     --spacing-sitepadding-inline: 10rem;
   }
+}
+
+@media (max-width: 600px) {
+  :root {
+    // font sizes
+    --font-size-xs: .66rem;
+    --font-size-caption: .8rem;
+    --font-size-body: 1rem;
+    --font-size-lead: 1.2rem;
+    --font-size-h3: 1.3rem;
+    --font-size-h2: 1.6rem;
+    --font-size-h1: 2rem;
+
+    // spacing
+    --spacing-sitepadding-block: 1.6rem;
+    --spacing-sitepadding-inline: 1rem;
+    --spacing-gap-column: var(--spacing-sitepadding-block);
+    --spacing-gap-row: var(--spacing-sitepadding-block);
+    --spacing-xs: .5rem;
+    --spacing-s: 1rem;
+    --spacing-m: 1.4rem;
+    --spacing-l: 1.8rem;
+    --spacing-xl: 6rem;
+    --spacing-section-bottom: var(--spacing-l);
+
+    // sizes
+    --size-width-p: 36rem;
+    --size-icon: 1em;
+    --size-icon-circle: 2rem;
+    --size-icon-large: 3rem;
+  }
 }