fix hero styling and center content

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;

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}) {