update media queries

sitek94 · Dec 14, 2020 · 861d8cf · 861d8cf
1 parent 36078f2
commit 861d8cf
Showing 1 changed file with 7 additions and 11 deletions.
diff --git a/src/screens/landing.js b/src/screens/landing.js
@@ -63,14 +63,12 @@ export function FullPageImageBackground({ children }) {
 }
 
 function QuoteBox({ children }) {
-  const theme = useTheme();
-
   return (
     <Box
       sx={{
         textAlign: 'right',
-        color: theme.palette.common.white,
-        mb: { xs: theme.spacing(1), sm: 0 },
+        color: 'common.white',
+        mb: { xs: 1, sm: 0 },
       }}
     >
       {children}
@@ -86,7 +84,7 @@ function Quote({ children }) {
         textAlign: 'center',
         whiteSpace: { xs: 'initial', sm: 'nowrap' },
         maxWidth: { xs: 295, sm: 'none' },
-        fontSize: { xs: '2.5rem', md: '3.75rem' },
+        fontSize: { xs: '2.5rem', sm: '2rem', md: '3rem' },
       }}
     >
       <Typography variant="h2" component="p">
@@ -100,7 +98,7 @@ function Author({ children }) {
   return (
     <Box
       sx={{
-        fontWeight: 300,
+        fontWeight: 'light',
         fontStyle: 'italic',
       }}
       clone
@@ -113,15 +111,13 @@ function Author({ children }) {
 }
 
 function GetStartedButton(props) {
-  const theme = useTheme();
-
   return (
     <Box
       clone
       sx={{
-        backgroundColor: theme.palette.common.white,
-        color: theme.palette.primary.main,
-        fontWeight: theme.typography.fontWeightBold,
+        backgroundColor: 'common.white',
+        color: 'primary.main',
+        fontWeight: 'bold',
       }}
     >
       <Fab to="/signup" component={RouterLink} variant="extended" {...props} />