diff --git a/styles/_fonts.scss b/styles/_fonts.scss index 22f1d05..abdf2f8 100644 --- a/styles/_fonts.scss +++ b/styles/_fonts.scss @@ -10,7 +10,7 @@ src: url('/fonts/objectivity-regularslanted-webfont.woff2') format('woff2'), url('/fonts/objectivity-regularslanted-webfont.woff') format('woff'); font-weight: normal; - font-style: italic; + font-style: normal; } @font-face { @@ -25,7 +25,7 @@ src: url('/fonts/objectivity-mediumslanted-webfont.woff2') format('woff2'), url('/fonts/objectivity-mediumslanted-webfont.woff') format('woff'); font-weight: normal; - font-style: italic; + font-style: normal; } @font-face { @@ -40,5 +40,5 @@ src: url('/fonts/objectivity-boldslanted-webfont.woff2') format('woff2'), url('/fonts/objectivity-boldslanted-webfont.woff') format('woff'); font-weight: normal; - font-style: italic; + font-style: normal; } \ No newline at end of file diff --git a/styles/_layout.scss b/styles/_layout.scss index 4b17f25..4709c0a 100644 --- a/styles/_layout.scss +++ b/styles/_layout.scss @@ -70,6 +70,10 @@ > :nth-child(even) { margin-top: 32px; + + @media (max-width: $width-mobile) { + margin-top: 16px; + } } @media (max-width: $width-tablet-1) { diff --git a/styles/_mixins.scss b/styles/_mixins.scss index d0a010a..99f2751 100644 --- a/styles/_mixins.scss +++ b/styles/_mixins.scss @@ -25,6 +25,10 @@ @media (max-width: $width-tablet-2) { font-size: $m-size; } + + @media (max-width: $width-mobile) { + font-size: $ms-size; + } } @mixin cta() { diff --git a/styles/_typography.scss b/styles/_typography.scss index c2e4508..0cb21fe 100644 --- a/styles/_typography.scss +++ b/styles/_typography.scss @@ -161,10 +161,9 @@ em { font-size: $p-size; } - // @note: Consideration on stopping type reduction here - // @media (max-width: $width-mobile) { - // font-size: $m-size; - // } + @media (max-width: $width-mobile) { + font-size: $m-size; + } } .h6, h6 { diff --git a/styles/pages/_home.scss b/styles/pages/_home.scss index f4c49d5..7cc638e 100644 --- a/styles/pages/_home.scss +++ b/styles/pages/_home.scss @@ -48,6 +48,7 @@ } @media (max-width: $width-mobile) { + padding: 16px; text-align: center; width: 100%; } @@ -74,10 +75,20 @@ margin-top: 16px; margin-bottom: 64px; + @media (max-width: $width-mobile) { + margin-bottom: 48px; + } + div { @media (max-width: $width-small) { max-width: 270px; } + + & + div { + @media (max-width: $width-small) { + margin-top: 8px; + } + } } } @@ -231,6 +242,10 @@ &__comment { max-width: 800px; + @media (max-width: $width-small) { + max-width: 340px; + } + a { text-decoration: underline; } diff --git a/styles/pages/_why.scss b/styles/pages/_why.scss index f74aa78..091f11f 100644 --- a/styles/pages/_why.scss +++ b/styles/pages/_why.scss @@ -59,9 +59,8 @@ max-width: 480px; width: 100%; margin: 0; - flex-wrap: wrap; text-align: center; - justify-content: center; + @include flex-cols(); } } @@ -77,6 +76,7 @@ width: 100%; padding: 0; margin-top: 16px; + } } }