From fa8dd34b3fb950c8a8df4162883fae99a4479c31 Mon Sep 17 00:00:00 2001
From: dev <dev@devarch.localdomain>
Date: Tue, 29 Jun 2021 19:17:17 +0300
Subject: [PATCH] fix hero styling and center content

---
 src/components/Hero/Hero.tsx               | 2 +-
 src/components/Hero/HeroPrimarySection.tsx | 3 ++-
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/components/Hero/Hero.tsx b/src/components/Hero/Hero.tsx
index d26409a..cfb8570 100644
--- a/src/components/Hero/Hero.tsx
+++ b/src/components/Hero/Hero.tsx
@@ -9,7 +9,7 @@ const Container = styled.div`
   justify-content: space-between;
   position: relative;
   padding: 0;
-  min-height: 75vh;
+  min-height: 87vh;
 
   section {
     padding: 2rem 6rem;
diff --git a/src/components/Hero/HeroPrimarySection.tsx b/src/components/Hero/HeroPrimarySection.tsx
index 555df48..7130931 100644
--- a/src/components/Hero/HeroPrimarySection.tsx
+++ b/src/components/Hero/HeroPrimarySection.tsx
@@ -10,7 +10,8 @@ interface HeroPrimarySectionProps {
 
 const Section = styled.section`
   max-width: 50%;
-  margin: 10vh auto 0;
+  margin: auto;
+  display: inline;
   text-align: center;
 
   @media screen and (max-width: ${breakpoints.mobile}) {