From 2ee4c105d9f3d70bcfea9ace3770972740267b6f Mon Sep 17 00:00:00 2001
From: Oliver Davies <oliver@oliverdavies.uk>
Date: Fri, 5 Oct 2018 08:33:46 +0100
Subject: [PATCH] Add Montserrat font, add wider tracking

---
 source/_layouts/app.html.twig            | 1 +
 source/_partials/layout/header.html.twig | 4 ++--
 tailwind.js                              | 4 +++-
 3 files changed, 6 insertions(+), 3 deletions(-)
diff --git a/source/_layouts/app.html.twig b/source/_layouts/app.html.twig
index 32cf4a6..4b2c290 100644
--- a/source/_layouts/app.html.twig
+++ b/source/_layouts/app.html.twig
@@ -5,6 +5,7 @@
         <title>{{ site.title }}</title>
         <link href="/dist/css/app.css" rel="stylesheet">
         <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+        <link href="https://fonts.googleapis.com/css?family=Montserrat:400,700,900" rel="stylesheet">
     </head>
     <body class="text-black bg-grey-lightest font-sans text-sm sm:text-base">
         <div id="app">
diff --git a/source/_partials/layout/header.html.twig b/source/_partials/layout/header.html.twig
index a846ae3..bb1f6d8 100644
--- a/source/_partials/layout/header.html.twig
+++ b/source/_partials/layout/header.html.twig
@@ -2,8 +2,8 @@
     <div class="container mx-auto px-4 relative">
         <div class="text-center text-4xl relative">
             <img src="/images/logo.png" alt="" class="w-16 sm:w-24 mb-3 sm:mb-4">
-            <p class="uppercase font-bold tracking-wide mb-2 text-2xl sm:text-4xl">Chris Rees Academy</p>
-            <p class="uppercase font-bold tracking-wide text-3xl sm:text-5xl">Cardiff</p>
+            <p class="font-montserrat uppercase font-black tracking-wider mb-2 text-2xl sm:text-4xl">Chris Rees Academy</p>
+            <p class="font-montserrat uppercase font-black tracking-wider text-3xl sm:text-5xl">Cardiff</p>
         </div>
 
         <mobile-nav></mobile-nav>
diff --git a/tailwind.js b/tailwind.js
index c2e3e62..5a63dbf 100644
--- a/tailwind.js
+++ b/tailwind.js
@@ -157,7 +157,8 @@ module.exports = {
       'Liberation Mono',
       'Courier New',
       'monospace',
-    ]
+    ],
+    'montserrat': ['Montserrat', 'serif'],
   },
 
 
@@ -256,6 +257,7 @@ module.exports = {
     'tight': '-0.05em',
     'normal': '0',
     'wide': '0.05em',
+    'wider': '0.2em',
   },
 
 
