diff --git a/src/components/Core/Section.js b/src/components/Core/Section.js index 09c6bbd..399bfda 100644 --- a/src/components/Core/Section.js +++ b/src/components/Core/Section.js @@ -2,7 +2,7 @@ import React from "react"; import Box from "./Box"; const Section = (props) => { - return ; + return ; }; export default Section; diff --git a/src/components/Core/Title.js b/src/components/Core/Title.js index 92904ee..5e8bbb9 100644 --- a/src/components/Core/Title.js +++ b/src/components/Core/Title.js @@ -6,7 +6,7 @@ import { device } from "../../utils"; const SectionTitle = styled.h2` font-weight: 700; letter-spacing: -2.5px; - font-size: 40px; + font-size: 35px; line-height: 54px; margin-bottom: 16px; font-family: Poppins; diff --git a/src/components/Footer/Footer.js b/src/components/Footer/Footer.js index 7cab316..d8ca466 100644 --- a/src/components/Footer/Footer.js +++ b/src/components/Footer/Footer.js @@ -52,7 +52,12 @@ const SocialMedia = styled.a` width: 35px; height: 35px; margin-bottom: 15px; + margin-left: 20px; + &:first-child { + margin-left: 0; + } @media ${device.lg} { + margin-left: 30px; width: 75px; height: 75px; } @@ -68,23 +73,18 @@ const Footer = ({ isDark = true }) => { -
-
-
-
-
diff --git a/src/components/Header/Header.js b/src/components/Header/Header.js index ea7f366..13af167 100644 --- a/src/components/Header/Header.js +++ b/src/components/Header/Header.js @@ -26,13 +26,14 @@ const BuyButtonItem = () => const EmptyFlex = styled.div`flex: 1;`; const SiteHeader = styled.header` - padding: 10px 0 10px 0; + padding: 30px 0 10px 0; position: absolute !important; top: 0; right: 0; width: 100%; z-index: 999; @media ${device.lg} { + padding-top: 10px; position: fixed !important; transition: 0.4s; &.scrolling { diff --git a/src/components/RaisedCard/RaisedCard.js b/src/components/RaisedCard/RaisedCard.js index 93182e1..b5ce57c 100644 --- a/src/components/RaisedCard/RaisedCard.js +++ b/src/components/RaisedCard/RaisedCard.js @@ -75,12 +75,15 @@ const Raised = styled.div` font-family: Poppins, sans-serif; font-style: normal; font-weight: bold; - font-size: 65px; + font-size: 60px; line-height: 33px; text-align: right; letter-spacing: 1px; color: #443D4F; + @media ${device.lg} { + font-size: 65px; + } `; const RaisedCard = ({ raised }) => ( diff --git a/src/sections/landing1/Content2.js b/src/sections/landing1/Content2.js index 289c698..0d4b32e 100644 --- a/src/sections/landing1/Content2.js +++ b/src/sections/landing1/Content2.js @@ -110,7 +110,7 @@ const Content2 = () => ( data-aos-once="true" >
-
+
meet the developer Drew Roberts grew up on a farm in Kentucky and began