General styles

src/components/sections/blog/post-hero/hero.module.scss

@@ -38,6 +38,11 @@
   }
 
   h1 {
+    @include respond-to('mobile') {
+      line-height: 104%;
+    }
+
+    line-height: 110%;
     max-width: tovw(900px, 'default', 900px);
   }
 

src/components/sections/blog/post-hero/index.tsx

@@ -16,7 +16,7 @@ const Hero = ({ data }: HeroProps) => {
   return (
     <Section className={s['section']} disableFadeIn>
       <span className={s.date}>{formatDate(data.date)}</span>
-      <Heading as="h1" variant="xl" centered>
+      <Heading as="h1" variant="lg" centered>
         {data.title}
       </Heading>
       <span className={clsx(s.author, 'hide-on-desktop')}>

src/components/sections/contact/hero/hero.module.scss

@@ -33,6 +33,7 @@
     align-self: center;
     position: relative;
     margin-top: tovw(-165px, 'default');
+    margin-bottom: tovw(-140px, 'default');
     padding-top: tovw(30px, 'default', 20px);
     width: 82%;
     mix-blend-mode: lighten;

src/components/sections/partners/contact/contact.module.scss

@@ -67,6 +67,7 @@
     .form__container {
       @include respond-to('mobile') {
         padding: tovw(56px, 'default', 32px) tovw(56px, 'default', 16px);
+        padding-bottom: tovw(40px, 'mobile');
         border-radius: tovw(16px, 'default', 16px);
       }
 

src/components/sections/partners/hero/hero.module.scss

@@ -114,6 +114,7 @@
       p {
         margin: tovw(25px, 'default', 10px) 0;
         font-size: tovw(30px, 'default', 18px);
+        line-height: 1.3;
       }
 
       ol {

src/components/sections/products/hero/hero.module.scss

@@ -28,6 +28,7 @@
     align-self: center;
     position: relative;
     margin-top: tovw(-165px, 'default');
+    margin-bottom: tovw(-140px, 'default');
     padding-top: tovw(30px, 'default', 20px);
     width: 82%;
     mix-blend-mode: lighten;