Wrap up header and home hero

src/components/UI/Header.tsx

@@ -105,7 +105,7 @@ export const Header: FC = () => {
         </Box>
 
         {/* HAMBURGUER MENU */}
-        <Box p={4} display={{ base: 'block', lg: 'none' }}>
+        <Box p={4} display={{ base: 'block', md: 'none' }}>
           <HamburguerIcon />
         </Box>
       </Flex>

src/components/UI/homepage/HomeHero.tsx

@@ -10,7 +10,7 @@ export const HomeHero: FC = () => {
       border='2px solid'
       borderColor='brand.light.primary'
       px={4}
-      py={{ base: 8, md: 5 }}
+      py={{ base: 8, m:24, lg: 4 }}
       flexGrow={1}
     >
       <Box mb={4}>
@@ -19,6 +19,9 @@ export const HomeHero: FC = () => {
           textStyle='h1'
           mb={{ base: 2, md: 4 }}
           textAlign={{ base: 'center', md: 'left' }}
+          fontSize={{ base: '3rem', md: '6rem'}}
+          lineHeight={{ md: '6rem' }}
+          fontWeight='500'
         >
           go-ethereum
         </Box>

src/theme/foundations/sizes.ts

@@ -1,6 +1,7 @@
 export const sizes = {
   container: {
     sm: '480px',
+    md: '768px',
     lg: '1096px',
     xl: '1200px',
     '2xl': '1536px'