Use Merryweather font for logo

app/components/Home/Home.jsx

@@ -57,11 +57,11 @@ export default class Home extends React.PureComponent {
           <img src={landingIllustration} alt="" />
         </section>
         <section className="section has-text-centered community content">
-          <h1>{t('videoDebate:community')}</h1>
+          <h2 className="title is-2">{t('videoDebate:community')}</h2>
           <Statistics />
         </section>
         <section className="section has-text-centered contributors content">
-          <h1>{t('contributors')}</h1>
+          <h2 className="title is-2">{t('contributors')}</h2>
           <AllContributors />
           <ExternalLinkNewTab className="button is-large" href="https://opencollective.com/captainfact_io">
             <Icon name="external-link" />

app/styles/_components/App/logo.sass

@@ -11,6 +11,7 @@ $logo-inside-color: #d8d7d7
   .logo-captain
     z-index: 3
     font-weight: 400
+    margin-left: 1px
   .beta
     font-size: 0.45em
     color: $grey-light

app/styles/_components/Pages/home_page.sass

@@ -37,7 +37,7 @@
 
   .section
     margin: 0
-    h1
+    h2
       margin-bottom: 1em
 
   .presentation
@@ -84,7 +84,7 @@
   .community
     background: #5abda8
     color: $white
-    h1
+    h2
       color: $white-bis
     .columns
       max-width: 500px

app/styles/_global/global.sass

@@ -20,4 +20,7 @@ a[disabled]
 
 .image.is-40x40
   height: 40px
-  width: 40px
+  width: 40px
+
+h1
+  font-family: $family-serif

app/styles/_global/icons.sass

@@ -1,8 +1,5 @@
 // Icons generated with the help of https://icomoon.io/app/. Use config/icomoon_icons.json to load project
 
-@include font-face(icomoon, "./_fonts/icomoon", normal, normal, eot woff2 woff ttf svg)
-
-
 .fa
   display: inline-block
   /* use !important to prevent issues with browser extensions that change fonts */

app/styles/_global/variables.sass

@@ -49,6 +49,7 @@ $text-strong: $grey-darker !default
 // Typography
 
 $family-sans-serif: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",Helvetica,Arial,sans-serif
+$family-serif: Merriweather,serif
 
 $body-size: 14px
 

app/styles/application.sass

@@ -1,4 +1,5 @@
-// Vendors
+// ---- Vendors ----
+// Bulma
 @import "_global/variables"
 @import "bulma/sass/utilities/animations"
 @import "bulma/sass/utilities/mixins"
@@ -40,12 +41,18 @@
 @import "animate/bounceInDown"
 @import "animate/flipInX"
 
+// React-select
 @import "react-select/scss/default"
 
+// ---- Home made ----
 // Mixins
 @import "_mixins/font_face"
 @import "_mixins/progressive_animation_delay"
 
+// Fonts
+@include font-face(icomoon, "./_fonts/icomoon", normal, normal, eot woff2 woff ttf svg)
+@include font-face(Merriweather, "./_fonts/Merriweather", normal, normal, eot woff2 woff ttf svg)
+
 // Custom styles
 @import "_global/global"
 @import "_global/icons"