1 files changed, 17 insertions, 4 deletions

diff --git a/assets/css/_vars.scss b/assets/css/_vars.scss
index 1ef0c8a..18cebc6 100644
--- a/assets/css/_vars.scss
+++ b/assets/css/_vars.scss
@@ -1,8 +1,8 @@
 $breakpoints: (
-    xs: 320px,
-    sm: 600px,
-    md: 900px,
     lg: 1500px,
+    md: 900px,
+    sm: 600px,
+    xs: 320px,
 );
 
 $unit-intervals: (
@@ -13,7 +13,7 @@ $unit-intervals: (
 );
 
 $font-fam--text:     'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif;
-$font-fam--large:    'Garet Variable', $font-fam--text;
+$font-fam--large:    'Garet', $font-fam--text;
 $font-fam--mono:     'Iosevka Term SS09', 'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace;
 $font-size:          16px;
 $line-height:        1.7;
@@ -29,6 +29,11 @@ $gray5: hsl(220, 0%, 73%);
 $gray6: hsl(220, 0%, 100%);
 
 @include store((
+    --dims: (
+        --nav: (
+            --height: 4.5rem
+        )
+    ),
     --colors: (
         --bg-hi: $gray0, // Darker background
         --bg:    $gray1, // Background
@@ -57,6 +62,14 @@ $gray6: hsl(220, 0%, 100%);
     }
 }
 
+@include store((
+    --dims: (
+        --nav: (
+            --height: 3.5rem
+        )
+    ),
+), 'sm');
+
 :root {
     --heading--fg: var(--colors--fg-lo);