Fix some responsive font sizes and margins

src/style/_typography.scss

@@ -74,7 +74,7 @@
     font-weight: 400;
     line-height: 1.3;
 
-    @include bp (sm) {
+    @include bp (sd) {
         font-size: rem(32px);
     }
 }
@@ -114,7 +114,7 @@
         font-size: rem(24px);
         line-height: 1.5;
     }
-    @include bp (md) {
+    @include bp (sd) {
         font-size: rem(28px);
     }
 }
@@ -123,10 +123,14 @@
 .text-normal {
     font-size: rem(18px);
     font-weight: 400;
-    line-height: 1.5;
+    line-height: 1.4;
 
     @include bp (sm) {
+        font-size: rem(20px);
+    }
+    @include bp (sd) {
         font-size: rem(22px);
+        line-height: 1.5;
     }
 }
 
@@ -136,7 +140,7 @@
     font-weight: 400;
     line-height: 1.4;
 
-    @include bp (sm) {
+    @include bp (sd) {
         font-size: rem(20px);
         line-height: 1.5;
     }

src/style/atoms/_site-title.scss

@@ -54,6 +54,8 @@
         }
         @include bp (sm) {
             display: flex;
+        }
+        @include bp (sd) {
             font-size: rem(96px);
         }
 

src/style/molecules/_heading.scss

@@ -15,7 +15,7 @@
         color: $color-secondary;
 
         @include bp (sm) {
-            margin-top: 160px;
+            margin-top: clamp(80px, 9vw, 160px);
         }
     }