feat: design changes

packages/base/Resources/Public/Scss/abstracts/_fonts.scss

@@ -20,7 +20,7 @@ body {
   font-weight: 500;
 }
 
-h1, h2, h3 {
+h1, h2 {
   font-family: 'Hajime Sans', sans-serif;
   color: var(--bs-primary);
   font-weight: 400;
@@ -28,6 +28,7 @@ h1, h2, h3 {
 
 h1 {
   text-align: center;
+  font-size: 4.5rem;
 }
 h1 span.tapered {
   background-size: 100% 15%;
@@ -37,11 +38,29 @@ h1 span.tapered {
 }
 
 h2 {
-  font-size: 4rem;
+  font-size: 2rem;
+
+  @media (min-width: $breakpoint-md) {
+    font-size: 3rem;
+  }
+}
+
+h3 {
+  font-size: 1.125rem;
+  font-weight: 600;
+
+  @media (min-width: $breakpoint-md) {
+    font-size: 1.5rem;
+  }
 }
 
 h4 {
-  font-size: 1.5rem;
+  font-size: 1.125rem;
+  font-weight: 600;
+
+  @media (min-width: $breakpoint-md) {
+    font-size: 1.5rem;
+  }
 }
 
 p {
@@ -49,9 +68,13 @@ p {
 }
 
 a {
-    color: var(--cl-primary);
+    color: var(--bs-primary);
     text-decoration: none;
     font-weight: 700;
+
+    &:hover {
+      color: var(--bs-primary-light)
+    }
 }
 
 button, .btn {