From 508c1f0f0d9ae7f4d5912e7db802183f15e89e92 Mon Sep 17 00:00:00 2001
From: Ian Mancini <ianmethyst@gmail.com>
Date: Thu, 10 Dec 2020 20:26:43 -0300
Subject: [PATCH] Improve nav and index responsive styles

---
 src/components/Nav.tsx | 4 ++--
 src/pages/index.tsx    | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/Nav.tsx b/src/components/Nav.tsx
index 0aae2ed..d18301d 100644
--- a/src/components/Nav.tsx
+++ b/src/components/Nav.tsx
@@ -45,8 +45,8 @@ const Nav: React.FC<NavProps> = ({ handleClick, variant = undefined }) => {
       animate={variant}
     >
       <Stack
-        direction={['column', 'row']}
-        spacing={['1rem', '2.5rem']}
+        direction={['column', 'column', 'row']}
+        spacing={['1rem', '1rem', '2.5rem']}
         position={['absolute', 'static']}
         align="center"
         justify="center"
diff --git a/src/pages/index.tsx b/src/pages/index.tsx
index d040dad..8c6e63d 100644
--- a/src/pages/index.tsx
+++ b/src/pages/index.tsx
@@ -21,7 +21,7 @@ const Home: React.FC = ({ fondo_file, mensaje_inspirador }) => {
         <Text
           top="50%"
           transform="translateY(-50%)"
-          fontSize={['3xl', '3xl', '7xl']}
+          fontSize={['5xl', '5xl', '7xl']}
           fontWeight="700"
           lineHeight="1.2"
           pr="2rem"