From 4bbc78c2a7c0c4331fdb8ea3a6f492cb618e75ac Mon Sep 17 00:00:00 2001
From: Aarni Halinen <aarni.halinen@gmail.com>
Date: Tue, 29 Jun 2021 17:14:16 +0000
Subject: [PATCH] Revert "fix hero styling and center content"

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

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