From c4c4ece78c78e6d9e6259b04b70206d81222830c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Fede=20=C3=81lvarez?= <fedealvarezcampos@gmail.com>
Date: Thu, 16 Jun 2022 21:52:18 +0200
Subject: [PATCH] Adjust heros

---
 src/components/sections/about/hero/hero.module.scss    | 3 ++-
 src/components/sections/blog/hero/hero.module.scss     | 6 ++++--
 src/components/sections/careers/hero/hero.module.scss  | 2 +-
 src/components/sections/contact/hero/hero.module.scss  | 2 +-
 src/components/sections/products/hero/hero.module.scss | 8 ++++----
 5 files changed, 12 insertions(+), 9 deletions(-)

diff --git a/src/components/sections/about/hero/hero.module.scss b/src/components/sections/about/hero/hero.module.scss
index 85780b2..cbd5b73 100644
--- a/src/components/sections/about/hero/hero.module.scss
+++ b/src/components/sections/about/hero/hero.module.scss
@@ -45,7 +45,8 @@
     align-self: center;
     width: 101%;
     min-height: tovw(875px, 'default', 414px);
-    margin-top: tovw(-165px, 'default');
+    margin-top: tovw(-180px, 'default');
+    margin-bottom: tovw(-165px, 'default');
     padding-top: tovw(30px, 'default', 20px);
     mix-blend-mode: lighten;
 
diff --git a/src/components/sections/blog/hero/hero.module.scss b/src/components/sections/blog/hero/hero.module.scss
index c2d334f..23d833b 100644
--- a/src/components/sections/blog/hero/hero.module.scss
+++ b/src/components/sections/blog/hero/hero.module.scss
@@ -29,6 +29,8 @@
     display: flex;
     place-content: center;
     min-height: tovw(650px, 'default', 390px);
+    margin-top: tovw(-40px, 'default');
+    margin-bottom: tovw(-100px, 'default');
 
     .hero {
       @include respond-to('mobile') {
@@ -36,7 +38,7 @@
       }
 
       margin: auto;
-      margin-top: tovw(-190px, 'default', -950px);
+      margin-top: tovw(-200px, 'default', -950px);
       width: tovw(1580px, 'default', 700px);
       mix-blend-mode: screen;
 
@@ -83,7 +85,7 @@
       margin: auto;
       left: 0;
       right: 0;
-      bottom: 130%;
+      bottom: 115%;
     }
 
     @media screen and (max-width: 800px) {
diff --git a/src/components/sections/careers/hero/hero.module.scss b/src/components/sections/careers/hero/hero.module.scss
index 71bb21b..0d0ee69 100644
--- a/src/components/sections/careers/hero/hero.module.scss
+++ b/src/components/sections/careers/hero/hero.module.scss
@@ -31,7 +31,7 @@
     width: 75%;
     margin-left: tovw(165px, 'default', 125px);
     min-height: tovw(790px, 'default', 380px);
-    margin-top: tovw(-30px, 'default');
+    margin-top: tovw(-45px, 'default');
     padding-top: tovw(30px, 'default', 20px);
     mix-blend-mode: lighten;
 
diff --git a/src/components/sections/contact/hero/hero.module.scss b/src/components/sections/contact/hero/hero.module.scss
index 5643c79..8d338fe 100644
--- a/src/components/sections/contact/hero/hero.module.scss
+++ b/src/components/sections/contact/hero/hero.module.scss
@@ -31,7 +31,7 @@
 
     display: flex;
     place-content: center;
-    margin-top: tovw(-180px, 'default', -180px);
+    margin-top: tovw(-190px, 'default', -190px);
     min-height: tovw(925px, 'default', 485px);
 
     .hero {
diff --git a/src/components/sections/products/hero/hero.module.scss b/src/components/sections/products/hero/hero.module.scss
index 37852f6..fad1baa 100644
--- a/src/components/sections/products/hero/hero.module.scss
+++ b/src/components/sections/products/hero/hero.module.scss
@@ -30,8 +30,8 @@
     position: relative;
     width: 82%;
     min-height: tovw(925px, 'default', 435px);
-    margin-top: tovw(-165px, 'default');
-    margin-bottom: tovw(-140px, 'default');
+    margin-top: tovw(-175px, 'default');
+    margin-bottom: tovw(-180px, 'default');
     padding-top: tovw(30px, 'default', 20px);
     mix-blend-mode: lighten;
 
@@ -88,7 +88,7 @@
     display: flex;
     flex-direction: column;
     margin-top: tovw(16px, 'default', 10px);
-    gap: tovw(89px, 'default', 56px);
+    gap: tovw(65px, 'default', 56px);
 
     h1 {
       @include respond-to('mobile') {
@@ -156,7 +156,7 @@
 
         margin: 0;
         width: tovw(546px, 'default', 150px);
-        line-height: 1.65;
+        line-height: 132%;
         font-size: tovw(30px, 'default', 18px);
       }