finish fixing the frontend

Author: cyteon

app/assets/stylesheets/application.scss

@@ -128,24 +128,27 @@ body {
     background: url("landing/section-2/title.svg") no-repeat center top / 100% auto;
     z-index: 100;
     position: absolute;
-    top: 32px;
+    top: 24px;
     left: 50%;
     transform: translateX(-50%);
     display: flex;
     width: 26rem;
+    min-height: 88px;
     height: fit-content;
     align-items: center;
     justify-content: center;
-    font-size: 2em;
+    font-size: 1.8em;
 
     h2 {
         text-align: center;
         color: white;   
+        margin: 0;
     }
 
     @media (max-width: 600px) {
         width: 20rem;
-        font-size: 2em;
+        min-height: 68px;
+        font-size: 1.2em;
     }
 }
 
@@ -195,16 +198,22 @@ body {
 .landing-section-2--step-card--ribbon {
     background: no-repeat center top / 100% auto;
     position: absolute;
-    top: -25px;
+    top: -21px;
     left: 50%;
     transform: translateX(-50%);
     width: 10em;
+    min-height: 40px;
     display: flex;
     align-items: center;
     justify-content: center;
     color: white;
-    font-size: 1.2em;
-    
+
+    h2 {
+        margin: 0;
+        font-size: 1.2em;
+        font-weight: normal;
+    }
+
     @media (max-width: 600px) {
         top: -21px;
         font-size: 1em;
@@ -227,14 +236,14 @@ body {
     margin: -36px 0 0 0;
 
     width: 110%;
-    min-height: 72px;
+    min-height: 54px;
     z-index: 100;
     background: no-repeat center top -2px / 100% auto;
     color: white;
-    font-size: 1.5em;
     display: flex;
     align-items: center;
     justify-content: center;
+    font-size: 1.5em;
 
     @media (max-width: 600px) {
         margin-top: -28px;