diff --git a/_sass/partials/_typography.scss b/_sass/partials/_typography.scss index 849147959f..f8cc6267a0 100755 --- a/_sass/partials/_typography.scss +++ b/_sass/partials/_typography.scss @@ -17,20 +17,20 @@ h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { // Headings h1, .h1 { - font-size: 2em; // 2x body copy size = 32px + font-size: 1.5em; // 2x body copy size = 32px line-height: 1.25; // 45px / 36px } @media (min-width: 43.75em) { h1, .h1 { - font-size: 2.5em; // 2.5x body copy size = 40px + font-size: 1.5em; // 2.5x body copy size = 40px line-height: 1.125; } } @media (min-width: 56.25em) { h1, .h1 { - font-size: 3em; // 3x body copy size = 48px + font-size: 2.5em; // 3x body copy size = 48px line-height: 1.05; // keep to a multiple of the 20px line height and something more appropriate for display headings } }