diff --git a/_includes/2017/head.html b/_includes/2017/head.html
index 1147e58b3..0d58e1998 100644
--- a/_includes/2017/head.html
+++ b/_includes/2017/head.html
@@ -16,6 +16,8 @@
   <link rel='stylesheet' href='https://unpkg.com/sanitize.css@5.0.0/sanitize.css'>
   <!-- <link rel='stylesheet' href='https://unpkg.com/prismjs@1.6.0/themes/prism.css'> -->
   <link rel='stylesheet' href='https://unpkg.com/prismjs@1.6.0/plugins/line-highlight/prism-line-highlight.css'>
+  <link rel='stylesheet' href='https://fonts.googleapis.com/css?family=Fira+Code:400'>
+  <link rel='stylesheet' href='https://fonts.googleapis.com/css?family=Roboto:300,400,700'>
 
   <!-- 2017 layout -->
   <link href='{{base}}/assets/2017/style.css?t={{ timestamp }}' rel='stylesheet'>
diff --git a/_sass/2017/components/h2-section.scss b/_sass/2017/components/h2-section.scss
index 28849cf6d..acf81f809 100644
--- a/_sass/2017/components/h2-section.scss
+++ b/_sass/2017/components/h2-section.scss
@@ -7,4 +7,10 @@
   &:first-child > h2 {
     display: none;
   }
+
+  @media (min-width: 481px) {
+    & + & {
+      margin-top: 32px;
+    }
+  }
 }
diff --git a/_sass/2017/style.scss b/_sass/2017/style.scss
index 9852e908a..8034c8987 100644
--- a/_sass/2017/style.scss
+++ b/_sass/2017/style.scss
@@ -10,8 +10,8 @@ $column: 400px;
  */
 
 $system-font: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
-$body-font: $system-font;
-$heading-font: 'Helvetica Neue', $system-font;
+$body-font: 'Roboto', $system-font;
+$heading-font: 'Roboto', $system-font;
 $monospace-font: 'Fira Mono', Consolas, menlo, 'Andale Mono', 'Ubuntu Mono', monospace;
 
 /*