Index: static/scss/content/_typography.scss |
=================================================================== |
--- a/static/scss/content/_typography.scss |
+++ b/static/scss/content/_typography.scss |
@@ -25,24 +25,36 @@ |
h1, |
.h1 |
{ |
margin: $xl 0 $lg 0; |
text-transform: none; |
font-size: $font-size-h1; |
font-weight: 300; |
+ |
+ @media (max-width: $tablet-breakpoint) |
+ { |
+ font-size: $font-size-h1 - 12px; |
+ margin-top: $md; |
+ } |
} |
h2, |
.h2 |
{ |
margin: $lg 0 $md 0; |
font-size: $font-size-h2; |
font-weight: 700; |
+ |
+ @media (max-width: $tablet-breakpoint) |
+ { |
+ font-size: $font-size-h2 - 6px; |
+ margin-top: $md; |
+ } |
} |
h3, |
.h3 |
{ |
margin: $lg 0 $md 0; |
font-size: $font-size-h3; |
font-weight: 700; |
@@ -287,18 +299,24 @@ |
{ |
border: none; |
} |
.center blockquote |
{ |
@extend h2; |
margin: 0; |
- padding: $xl 0; |
+ padding: $lg 0; |
font-style: normal; |
+ |
+ @media (max-width: $tablet-breakpoint) |
+ { |
+ font-size: $font-size-h3; |
+ padding: $md 0; |
+ } |
} |
.center blockquote p:last-child |
{ |
margin-top: -$xs; |
} |
cite |