diff --git a/src/client/Elements/Text.jsx b/src/client/Elements/Text.jsx index 1aa1858..0a782a4 100644 --- a/src/client/Elements/Text.jsx +++ b/src/client/Elements/Text.jsx @@ -1,20 +1,5 @@ -import styled from 'styled-components'; -import { Flex } from 'client/UIKit/grid'; import colors from 'client/UIKit/colors'; -import mq from 'client/UIKit/mq'; - -export const LogoText = styled.h3` - margin: 0; - margin-bottom: 3%; - text-transform: uppercase; - color: white; - font-size: 1.12rem; - ${mq.desktop` - font-size: 1.2rem; - `} - font-weight: 300; - letter-spacing: 2px; -`; +import styled from 'styled-components'; export const PrimaryText = styled.p` font-size: 0.95rem; diff --git a/src/client/Layout/index.jsx b/src/client/Layout/index.jsx index 77ef18f..c7b0a3e 100644 --- a/src/client/Layout/index.jsx +++ b/src/client/Layout/index.jsx @@ -1,5 +1,4 @@ import paths from 'client/common/paths'; -import { LogoText } from 'client/Elements/Text'; import colors from 'client/UIKit/colors'; import { Box, Flex } from 'client/UIKit/grid'; import mq from 'client/UIKit/mq'; @@ -27,6 +26,19 @@ const HeaderContent = styled(Flex)` `} `; +const LogoText = styled.h3` + margin: 0; + margin-bottom: 3%; + text-transform: uppercase; + color: white; + font-size: 1rem; + ${mq.desktop` + font-size: 1.2rem; + `} + font-weight: 300; + letter-spacing: 2px; +`; + const Header = () => (