diff --git a/index.html b/index.html
index e4a4ed1..aa1a21b 100644
--- a/index.html
+++ b/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%; } }