diff --git a/website/source/assets/stylesheets/_home.scss b/website/source/assets/stylesheets/_home.scss index 328d5dd758..3e4b9c2bab 100755 --- a/website/source/assets/stylesheets/_home.scss +++ b/website/source/assets/stylesheets/_home.scss @@ -4,6 +4,35 @@ body.page-home { + h2{ + margin-bottom: 40px; + font-size: 42px; + line-height: 42px; + letter-spacing: 2px; + text-transform: uppercase; + @include lato-light(); + } + + h3{ + margin-bottom: .3em; + font-size: 18px; + line-height: 1.2; + letter-spacing: 1px; + text-transform: uppercase; + } + + p{ + font-size: 16px; + line-height: 1.5em; + font-weight: 300; + letter-spacing: .5px; + } + + p.lead{ + font-size: 24px; + max-width: 28em; + } + #customer-logos { background: $black; } @@ -18,33 +47,6 @@ body.page-home { padding: 240px 0; @include lato-light(); - h2{ - margin-bottom: 40px; - font-size: 42px; - line-height: 42px; - letter-spacing: 2px; - text-transform: uppercase; - @include lato-light(); - } - - h3{ - font-size: 18px; - letter-spacing: 1px; - text-transform: uppercase; - } - - p{ - font-size: 16px; - line-height: 1.5em; - font-family: $font-family-lato; - font-weight: 300; - } - - p.lead{ - font-size: 24px; - max-width: 28em; - } - .icn{ display: block; width: 186px; @@ -113,8 +115,6 @@ body.page-home { background: image-url("feature-card-create.svg") 0px 105px no-repeat; background-size: 275px 75px; } - - } #feature-write{ @@ -229,10 +229,12 @@ body.page-home { } h2{ - margin-top: 0; - font-size: 28px; text-align: center; - @include lato-light(); + } + + p { + max-width: 35em; + margin-bottom: 20px; } .terminals{ diff --git a/website/source/assets/stylesheets/_variables.scss b/website/source/assets/stylesheets/_variables.scss index 94cc235bab..139e0cbcab 100755 --- a/website/source/assets/stylesheets/_variables.scss +++ b/website/source/assets/stylesheets/_variables.scss @@ -45,7 +45,7 @@ $link-hover-color: darken($link-color, 15%); // Typography // ------------------------- $font-family-lato: 'Lato', "Helvetica Neue", Helvetica, Arial, sans-serif; -$font-family-open-sans: 'Lato', "Helvetica Neue", Helvetica, Arial, sans-serif; +$font-family-open-sans: 'Open Sans', "Helvetica Neue", Helvetica, Arial, sans-serif; $font-weight-lato-xl: 300; $font-weight-lato-reg: 300; $font-weight-lato-sb: 500;