From e1e7bfc74e778dc1111a98af5b22050030ae45c4 Mon Sep 17 00:00:00 2001
From: Matthias Kretschmann <m@kretschmann.io>
Date: Thu, 24 Aug 2017 12:17:29 +0200
Subject: [PATCH] typography setup

---
 _config.yml                       |  2 +-
 _src/_assets/scss/_sections.scss  | 19 ++++++++++++++++---
 _src/_assets/scss/_variables.scss | 16 ++++++++--------
 3 files changed, 25 insertions(+), 12 deletions(-)

diff --git a/_config.yml b/_config.yml
index a085442..855e6f4 100644
--- a/_config.yml
+++ b/_config.yml
@@ -10,7 +10,7 @@ github:
     repo:       "site"
 
 analyticsID:    ""
-typekitID:      "rnq6byg"
+typekitID:      "bko7hwo"
 
 
 # Urls
diff --git a/_src/_assets/scss/_sections.scss b/_src/_assets/scss/_sections.scss
index c9d34e9..efb4141 100644
--- a/_src/_assets/scss/_sections.scss
+++ b/_src/_assets/scss/_sections.scss
@@ -1,6 +1,15 @@
 .section {
     padding-top: $spacer * 2;
     padding-bottom: $spacer * 2;
+    min-height: 100vh;
+    display: flex;
+    flex-wrap: wrap;
+    align-items: center;
+
+    @media ($screen-sm) {
+        padding-top: $spacer * 4;
+        padding-bottom: $spacer * 4;
+    }
 
     // handling long text, like URLs
     overflow-wrap: break-word;
@@ -8,18 +17,22 @@
     word-break: break-word;
     text-rendering: optimizeLegibility;
 
+    .row {
+        width: 100%;
+    }
+
     p:last-child {
         margin-bottom: 0;
     }
 }
 
 .section__header {
-    margin-bottom: $spacer;
+    margin-bottom: $spacer * 2;
 }
 
 .section__title {
-    font-size: $font-size-h2;
-    margin: 0;
+    font-size: $font-size-h1;
+    margin-bottom: $spacer / 4;
 }
 
 .section__description {
diff --git a/_src/_assets/scss/_variables.scss b/_src/_assets/scss/_variables.scss
index 649d125..0f6a4fd 100644
--- a/_src/_assets/scss/_variables.scss
+++ b/_src/_assets/scss/_variables.scss
@@ -11,32 +11,32 @@ $brand-06:                  #444 !default;
 //
 // Typography
 //
-$font-family-base:          'futura-pt', 'Helvetica Neue', Helvetica, Arial, sans-serif !default;
+$font-family-base:          'futura-pt', 'Futura PT', 'Helvetica Neue', Helvetica, Arial, sans-serif !default;
 $font-family-monospace:     Menlo, Monaco, Consolas, 'Courier New', monospace !default;
 
 $font-size-root:            18px !default;
 $font-size-root-lg:         20px !default;
 $line-height:               1.4 !default;
-$spacer:                    2rem !default;
+$spacer:                    1rem !default;
 
 $font-weight-light:         300 !default;
 $font-weight-normal:        400 !default;
-$font-weight-bold:          600 !default;
+$font-weight-bold:          500 !default;
 
 $font-size-base:            1rem !default;
 $font-size-large:           1.2rem !default;
 $font-size-small:           .8rem !default;
 $font-size-mini:            .7rem !default;
 
-$font-size-h1:              2.5rem !default;
-$font-size-h2:              2rem !default;
-$font-size-h3:              1.7rem !default;
-$font-size-h4:              1.4rem !default;
+$font-size-h1:              2rem !default;
+$font-size-h2:              1.7rem !default;
+$font-size-h3:              1.4rem !default;
+$font-size-h4:              1.3rem !default;
 $font-size-h5:              $font-size-large !default;
 $font-size-h6:              $font-size-base !default;
 
 $headings-font-family:      inherit !default;
-$headings-font-weight:      $font-weight-normal !default;
+$headings-font-weight:      $font-weight-bold !default;
 $headings-line-height:      inherit !default;
 $headings-color:            $brand-03 !default;