From 921aef58eac43aa8901e66f1215d82eba4c9ba92 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Fede=20=C3=81lvarez?= <fedealvarezcampos@gmail.com>
Date: Fri, 20 May 2022 16:33:20 +0200
Subject: [PATCH] General styles

---
 src/components/sections/blog/post-hero/hero.module.scss      | 5 +++++
 src/components/sections/blog/post-hero/index.tsx             | 2 +-
 src/components/sections/contact/hero/hero.module.scss        | 1 +
 src/components/sections/partners/contact/contact.module.scss | 1 +
 src/components/sections/partners/hero/hero.module.scss       | 1 +
 src/components/sections/products/hero/hero.module.scss       | 1 +
 6 files changed, 10 insertions(+), 1 deletion(-)

diff --git a/src/components/sections/blog/post-hero/hero.module.scss b/src/components/sections/blog/post-hero/hero.module.scss
index 5b3e589..25f3660 100644
--- a/src/components/sections/blog/post-hero/hero.module.scss
+++ b/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);
   }
 
diff --git a/src/components/sections/blog/post-hero/index.tsx b/src/components/sections/blog/post-hero/index.tsx
index 1d8a399..4c54eef 100644
--- a/src/components/sections/blog/post-hero/index.tsx
+++ b/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')}>
diff --git a/src/components/sections/contact/hero/hero.module.scss b/src/components/sections/contact/hero/hero.module.scss
index 8782462..6cdfcea 100644
--- a/src/components/sections/contact/hero/hero.module.scss
+++ b/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;
diff --git a/src/components/sections/partners/contact/contact.module.scss b/src/components/sections/partners/contact/contact.module.scss
index 9f6708d..c1298f9 100644
--- a/src/components/sections/partners/contact/contact.module.scss
+++ b/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);
       }
 
diff --git a/src/components/sections/partners/hero/hero.module.scss b/src/components/sections/partners/hero/hero.module.scss
index 17efee6..61e5fcd 100644
--- a/src/components/sections/partners/hero/hero.module.scss
+++ b/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 {
diff --git a/src/components/sections/products/hero/hero.module.scss b/src/components/sections/products/hero/hero.module.scss
index 606b84d..07f811e 100644
--- a/src/components/sections/products/hero/hero.module.scss
+++ b/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;