Use Lato font

index.html

@@ -5,7 +5,9 @@
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <title>Brett and Kate's wedding</title>
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bulma/0.6.1/css/bulma.min.css">
+    <link href="https://fonts.googleapis.com/css?family=Lato" rel="stylesheet">
     <style>
+     html, body, * { font-family: 'Lato', sans-serif; }
      .hero-body { background-image: url('background.jpg'); background-repeat: no-repeat; background-size: cover; background-attachment: fixed; background-position: 0% 50% }
      @media screen and (max-width: 900px) { .hero-body { background-position: 50% 50%; } }
      @media screen and (max-width: 600px) { .hero-body { background-position: 65% 50%; } }