Update font on cookie notice and change favicon

_includes/head.html

@@ -11,7 +11,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
     <meta name="HandheldFriendly" content="True">
-    <link rel="icon" href="/images/logo-white-square.png">
+    <link rel="icon" href="/images/favicon.png">
 
     <!-- add to homescreen for Chrome on Android -->
     <meta name="mobile-web-app-capable" content="yes">
@@ -20,10 +20,10 @@
     <meta name="apple-mobile-web-app-capable" content="yes">
     <meta name="apple-mobile-web-app-status-bar-style" content="black">
     <meta name="apple-mobile-web-app-title" content="{{ page_title }}">
-    <link rel="apple-touch-icon-precomposed" href="/images/logo-white-square.png">
+    <link rel="apple-touch-icon-precomposed" href="/images/favicon.png">
 
     <!-- tile icon & colour for Windows 8 -->
-    <meta name="msapplication-TileImage" content="/images/logo-white-square.png">
+    <meta name="msapplication-TileImage" content="/images/favicon.png">
     <meta name="msapplication-TileColor" content="#1d2f53">
 
     <!-- page info -->

_site/404.html

@@ -8,7 +8,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
     <meta name="HandheldFriendly" content="True">
-    <link rel="icon" href="/images/logo-white-square.png">
+    <link rel="icon" href="/images/favicon.png">
 
     <!-- add to homescreen for Chrome on Android -->
     <meta name="mobile-web-app-capable" content="yes">
@@ -17,10 +17,10 @@
     <meta name="apple-mobile-web-app-capable" content="yes">
     <meta name="apple-mobile-web-app-status-bar-style" content="black">
     <meta name="apple-mobile-web-app-title" content="Page Not Found">
-    <link rel="apple-touch-icon-precomposed" href="/images/logo-white-square.png">
+    <link rel="apple-touch-icon-precomposed" href="/images/favicon.png">
 
     <!-- tile icon & colour for Windows 8 -->
-    <meta name="msapplication-TileImage" content="/images/logo-white-square.png">
+    <meta name="msapplication-TileImage" content="/images/favicon.png">
     <meta name="msapplication-TileColor" content="#1d2f53">
 
     <!-- page info -->

_site/articles/2019/a-possible-autism-anorexia-link-has-been-found-so-what-are-we-doing-about-it.html

@@ -8,7 +8,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
     <meta name="HandheldFriendly" content="True">
-    <link rel="icon" href="/images/logo-white-square.png">
+    <link rel="icon" href="/images/favicon.png">
 
     <!-- add to homescreen for Chrome on Android -->
     <meta name="mobile-web-app-capable" content="yes">
@@ -17,10 +17,10 @@
     <meta name="apple-mobile-web-app-capable" content="yes">
     <meta name="apple-mobile-web-app-status-bar-style" content="black">
     <meta name="apple-mobile-web-app-title" content="A Possible Autism-Anorexia Link Has Been Found, So What Are We Doing About It?">
-    <link rel="apple-touch-icon-precomposed" href="/images/logo-white-square.png">
+    <link rel="apple-touch-icon-precomposed" href="/images/favicon.png">
 
     <!-- tile icon & colour for Windows 8 -->
-    <meta name="msapplication-TileImage" content="/images/logo-white-square.png">
+    <meta name="msapplication-TileImage" content="/images/favicon.png">
     <meta name="msapplication-TileColor" content="#1d2f53">
 
     <!-- page info -->

_site/articles/2019/are-the-roads-around-your-home-and-school-safe.html

@@ -8,7 +8,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
     <meta name="HandheldFriendly" content="True">
-    <link rel="icon" href="/images/logo-white-square.png">
+    <link rel="icon" href="/images/favicon.png">
 
     <!-- add to homescreen for Chrome on Android -->
     <meta name="mobile-web-app-capable" content="yes">
@@ -17,10 +17,10 @@
     <meta name="apple-mobile-web-app-capable" content="yes">
     <meta name="apple-mobile-web-app-status-bar-style" content="black">
     <meta name="apple-mobile-web-app-title" content="Are The Roads Around Your Home And School Safe?">
-    <link rel="apple-touch-icon-precomposed" href="/images/logo-white-square.png">
+    <link rel="apple-touch-icon-precomposed" href="/images/favicon.png">
 
     <!-- tile icon & colour for Windows 8 -->
-    <meta name="msapplication-TileImage" content="/images/logo-white-square.png">
+    <meta name="msapplication-TileImage" content="/images/favicon.png">
     <meta name="msapplication-TileColor" content="#1d2f53">
 
     <!-- page info -->

_site/articles/2019/book-week-real-life-issues-inspire-sarah-govett.html

@@ -8,7 +8,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
     <meta name="HandheldFriendly" content="True">
-    <link rel="icon" href="/images/logo-white-square.png">
+    <link rel="icon" href="/images/favicon.png">
 
     <!-- add to homescreen for Chrome on Android -->
     <meta name="mobile-web-app-capable" content="yes">
@@ -17,10 +17,10 @@
     <meta name="apple-mobile-web-app-capable" content="yes">
     <meta name="apple-mobile-web-app-status-bar-style" content="black">
     <meta name="apple-mobile-web-app-title" content="Book Week - Real Life Issues Inspire Sarah Govett">
-    <link rel="apple-touch-icon-precomposed" href="/images/logo-white-square.png">
+    <link rel="apple-touch-icon-precomposed" href="/images/favicon.png">
 
     <!-- tile icon & colour for Windows 8 -->
-    <meta name="msapplication-TileImage" content="/images/logo-white-square.png">
+    <meta name="msapplication-TileImage" content="/images/favicon.png">
     <meta name="msapplication-TileColor" content="#1d2f53">
 
     <!-- page info -->

_site/articles/2019/could-sky-high-aims-bring-reading-down.html

@@ -8,7 +8,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
     <meta name="HandheldFriendly" content="True">
-    <link rel="icon" href="/images/logo-white-square.png">
+    <link rel="icon" href="/images/favicon.png">
 
     <!-- add to homescreen for Chrome on Android -->
     <meta name="mobile-web-app-capable" content="yes">
@@ -17,10 +17,10 @@
     <meta name="apple-mobile-web-app-capable" content="yes">
     <meta name="apple-mobile-web-app-status-bar-style" content="black">
     <meta name="apple-mobile-web-app-title" content="Could Sky-High Aims Bring Reading Down?">
-    <link rel="apple-touch-icon-precomposed" href="/images/logo-white-square.png">
+    <link rel="apple-touch-icon-precomposed" href="/images/favicon.png">
 
     <!-- tile icon & colour for Windows 8 -->
-    <meta name="msapplication-TileImage" content="/images/logo-white-square.png">
+    <meta name="msapplication-TileImage" content="/images/favicon.png">
     <meta name="msapplication-TileColor" content="#1d2f53">
 
     <!-- page info -->

_site/articles/2019/finished-product.html

@@ -8,7 +8,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
     <meta name="HandheldFriendly" content="True">
-    <link rel="icon" href="/images/logo-white-square.png">
+    <link rel="icon" href="/images/favicon.png">
 
     <!-- add to homescreen for Chrome on Android -->
     <meta name="mobile-web-app-capable" content="yes">
@@ -17,10 +17,10 @@
     <meta name="apple-mobile-web-app-capable" content="yes">
     <meta name="apple-mobile-web-app-status-bar-style" content="black">
     <meta name="apple-mobile-web-app-title" content="The Finished Product">
-    <link rel="apple-touch-icon-precomposed" href="/images/logo-white-square.png">
+    <link rel="apple-touch-icon-precomposed" href="/images/favicon.png">
 
     <!-- tile icon & colour for Windows 8 -->
-    <meta name="msapplication-TileImage" content="/images/logo-white-square.png">
+    <meta name="msapplication-TileImage" content="/images/favicon.png">
     <meta name="msapplication-TileColor" content="#1d2f53">
 
     <!-- page info -->

_site/articles/2019/student-survey-shows-rosa-parks-is-most-inspirational-woman-ever.html

@@ -8,7 +8,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
     <meta name="HandheldFriendly" content="True">
-    <link rel="icon" href="/images/logo-white-square.png">
+    <link rel="icon" href="/images/favicon.png">
 
     <!-- add to homescreen for Chrome on Android -->
     <meta name="mobile-web-app-capable" content="yes">
@@ -17,10 +17,10 @@
     <meta name="apple-mobile-web-app-capable" content="yes">
     <meta name="apple-mobile-web-app-status-bar-style" content="black">
     <meta name="apple-mobile-web-app-title" content="Student Survey Shows Rosa Parks Is Most Inspirational Woman Ever">
-    <link rel="apple-touch-icon-precomposed" href="/images/logo-white-square.png">
+    <link rel="apple-touch-icon-precomposed" href="/images/favicon.png">
 
     <!-- tile icon & colour for Windows 8 -->
-    <meta name="msapplication-TileImage" content="/images/logo-white-square.png">
+    <meta name="msapplication-TileImage" content="/images/favicon.png">
     <meta name="msapplication-TileColor" content="#1d2f53">
 
     <!-- page info -->

_site/articles/2019/tennis-club-needs-to-relocate-as-redevelopment-plans-are-called-out.html

@@ -8,7 +8,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
     <meta name="HandheldFriendly" content="True">
-    <link rel="icon" href="/images/logo-white-square.png">
+    <link rel="icon" href="/images/favicon.png">
 
     <!-- add to homescreen for Chrome on Android -->
     <meta name="mobile-web-app-capable" content="yes">
@@ -17,10 +17,10 @@
     <meta name="apple-mobile-web-app-capable" content="yes">
     <meta name="apple-mobile-web-app-status-bar-style" content="black">
     <meta name="apple-mobile-web-app-title" content="Tennis Club Needs To Relocate As Redevelopment Plans Are Called ‘Out’">
-    <link rel="apple-touch-icon-precomposed" href="/images/logo-white-square.png">
+    <link rel="apple-touch-icon-precomposed" href="/images/favicon.png">
 
     <!-- tile icon & colour for Windows 8 -->
-    <meta name="msapplication-TileImage" content="/images/logo-white-square.png">
+    <meta name="msapplication-TileImage" content="/images/favicon.png">
     <meta name="msapplication-TileColor" content="#1d2f53">
 
     <!-- page info -->

_site/articles/2019/video-games-virtual-fantasy-or-a-virtual-prison.html

@@ -8,7 +8,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
     <meta name="HandheldFriendly" content="True">
-    <link rel="icon" href="/images/logo-white-square.png">
+    <link rel="icon" href="/images/favicon.png">
 
     <!-- add to homescreen for Chrome on Android -->
     <meta name="mobile-web-app-capable" content="yes">
@@ -17,10 +17,10 @@
     <meta name="apple-mobile-web-app-capable" content="yes">
     <meta name="apple-mobile-web-app-status-bar-style" content="black">
     <meta name="apple-mobile-web-app-title" content="Video Games - Virtual Fantasy Or A Virtual Prison?">
-    <link rel="apple-touch-icon-precomposed" href="/images/logo-white-square.png">
+    <link rel="apple-touch-icon-precomposed" href="/images/favicon.png">
 
     <!-- tile icon & colour for Windows 8 -->
-    <meta name="msapplication-TileImage" content="/images/logo-white-square.png">
+    <meta name="msapplication-TileImage" content="/images/favicon.png">
     <meta name="msapplication-TileColor" content="#1d2f53">
 
     <!-- page info -->

_site/articles/2019/what-is-in-the-patients-best-interest.html

@@ -8,7 +8,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
     <meta name="HandheldFriendly" content="True">
-    <link rel="icon" href="/images/logo-white-square.png">
+    <link rel="icon" href="/images/favicon.png">
 
     <!-- add to homescreen for Chrome on Android -->
     <meta name="mobile-web-app-capable" content="yes">
@@ -17,10 +17,10 @@
     <meta name="apple-mobile-web-app-capable" content="yes">
     <meta name="apple-mobile-web-app-status-bar-style" content="black">
     <meta name="apple-mobile-web-app-title" content="What Is 'In The Patient's Best Interest’?">
-    <link rel="apple-touch-icon-precomposed" href="/images/logo-white-square.png">
+    <link rel="apple-touch-icon-precomposed" href="/images/favicon.png">
 
     <!-- tile icon & colour for Windows 8 -->
-    <meta name="msapplication-TileImage" content="/images/logo-white-square.png">
+    <meta name="msapplication-TileImage" content="/images/favicon.png">
     <meta name="msapplication-TileColor" content="#1d2f53">
 
     <!-- page info -->

_site/articles/2019/whats-next-for-reading-prison.html

@@ -8,7 +8,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
     <meta name="HandheldFriendly" content="True">
-    <link rel="icon" href="/images/logo-white-square.png">
+    <link rel="icon" href="/images/favicon.png">
 
     <!-- add to homescreen for Chrome on Android -->
     <meta name="mobile-web-app-capable" content="yes">
@@ -17,10 +17,10 @@
     <meta name="apple-mobile-web-app-capable" content="yes">
     <meta name="apple-mobile-web-app-status-bar-style" content="black">
     <meta name="apple-mobile-web-app-title" content="What's Next For Reading Prison?">
-    <link rel="apple-touch-icon-precomposed" href="/images/logo-white-square.png">
+    <link rel="apple-touch-icon-precomposed" href="/images/favicon.png">
 
     <!-- tile icon & colour for Windows 8 -->
-    <meta name="msapplication-TileImage" content="/images/logo-white-square.png">
+    <meta name="msapplication-TileImage" content="/images/favicon.png">
     <meta name="msapplication-TileColor" content="#1d2f53">
 
     <!-- page info -->

_site/articles/2019/young-reporter-team-ready-to-go.html

@@ -8,7 +8,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
     <meta name="HandheldFriendly" content="True">
-    <link rel="icon" href="/images/logo-white-square.png">
+    <link rel="icon" href="/images/favicon.png">
 
     <!-- add to homescreen for Chrome on Android -->
     <meta name="mobile-web-app-capable" content="yes">
@@ -17,10 +17,10 @@
     <meta name="apple-mobile-web-app-capable" content="yes">
     <meta name="apple-mobile-web-app-status-bar-style" content="black">
     <meta name="apple-mobile-web-app-title" content="Reading School's BBC Young Reporter Team… Ready To Go!">
-    <link rel="apple-touch-icon-precomposed" href="/images/logo-white-square.png">
+    <link rel="apple-touch-icon-precomposed" href="/images/favicon.png">
 
     <!-- tile icon & colour for Windows 8 -->
-    <meta name="msapplication-TileImage" content="/images/logo-white-square.png">
+    <meta name="msapplication-TileImage" content="/images/favicon.png">
     <meta name="msapplication-TileColor" content="#1d2f53">
 
     <!-- page info -->

_site/articles/2020/charity-children-want-to-create-change.html

@@ -8,7 +8,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
     <meta name="HandheldFriendly" content="True">
-    <link rel="icon" href="/images/logo-white-square.png">
+    <link rel="icon" href="/images/favicon.png">
 
     <!-- add to homescreen for Chrome on Android -->
     <meta name="mobile-web-app-capable" content="yes">
@@ -17,10 +17,10 @@
     <meta name="apple-mobile-web-app-capable" content="yes">
     <meta name="apple-mobile-web-app-status-bar-style" content="black">
     <meta name="apple-mobile-web-app-title" content="Charity: Children Want to Create Change">
-    <link rel="apple-touch-icon-precomposed" href="/images/logo-white-square.png">
+    <link rel="apple-touch-icon-precomposed" href="/images/favicon.png">
 
     <!-- tile icon & colour for Windows 8 -->
-    <meta name="msapplication-TileImage" content="/images/logo-white-square.png">
+    <meta name="msapplication-TileImage" content="/images/favicon.png">
     <meta name="msapplication-TileColor" content="#1d2f53">
 
     <!-- page info -->

_site/articles/2020/its-just-not-cricket-anymore.html

@@ -8,7 +8,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
     <meta name="HandheldFriendly" content="True">
-    <link rel="icon" href="/images/logo-white-square.png">
+    <link rel="icon" href="/images/favicon.png">
 
     <!-- add to homescreen for Chrome on Android -->
     <meta name="mobile-web-app-capable" content="yes">
@@ -17,10 +17,10 @@
     <meta name="apple-mobile-web-app-capable" content="yes">
     <meta name="apple-mobile-web-app-status-bar-style" content="black">
     <meta name="apple-mobile-web-app-title" content="It's just not Cricket... Anymore">
-    <link rel="apple-touch-icon-precomposed" href="/images/logo-white-square.png">
+    <link rel="apple-touch-icon-precomposed" href="/images/favicon.png">
 
     <!-- tile icon & colour for Windows 8 -->
-    <meta name="msapplication-TileImage" content="/images/logo-white-square.png">
+    <meta name="msapplication-TileImage" content="/images/favicon.png">
     <meta name="msapplication-TileColor" content="#1d2f53">
 
     <!-- page info -->

_site/articles/2020/libraries-must-stay-open.html

@@ -8,7 +8,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
     <meta name="HandheldFriendly" content="True">
-    <link rel="icon" href="/images/logo-white-square.png">
+    <link rel="icon" href="/images/favicon.png">
 
     <!-- add to homescreen for Chrome on Android -->
     <meta name="mobile-web-app-capable" content="yes">
@@ -17,10 +17,10 @@
     <meta name="apple-mobile-web-app-capable" content="yes">
     <meta name="apple-mobile-web-app-status-bar-style" content="black">
     <meta name="apple-mobile-web-app-title" content="Libraries Must Stay Open!">
-    <link rel="apple-touch-icon-precomposed" href="/images/logo-white-square.png">
+    <link rel="apple-touch-icon-precomposed" href="/images/favicon.png">
 
     <!-- tile icon & colour for Windows 8 -->
-    <meta name="msapplication-TileImage" content="/images/logo-white-square.png">
+    <meta name="msapplication-TileImage" content="/images/favicon.png">
     <meta name="msapplication-TileColor" content="#1d2f53">
 
     <!-- page info -->

_site/articles/2020/power-to-the-9s.html

@@ -8,7 +8,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
     <meta name="HandheldFriendly" content="True">
-    <link rel="icon" href="/images/logo-white-square.png">
+    <link rel="icon" href="/images/favicon.png">
 
     <!-- add to homescreen for Chrome on Android -->
     <meta name="mobile-web-app-capable" content="yes">
@@ -17,10 +17,10 @@
     <meta name="apple-mobile-web-app-capable" content="yes">
     <meta name="apple-mobile-web-app-status-bar-style" content="black">
     <meta name="apple-mobile-web-app-title" content="Power to the 9s – Will it live up to its expectations?">
-    <link rel="apple-touch-icon-precomposed" href="/images/logo-white-square.png">
+    <link rel="apple-touch-icon-precomposed" href="/images/favicon.png">
 
     <!-- tile icon & colour for Windows 8 -->
-    <meta name="msapplication-TileImage" content="/images/logo-white-square.png">
+    <meta name="msapplication-TileImage" content="/images/favicon.png">
     <meta name="msapplication-TileColor" content="#1d2f53">
 
     <!-- page info -->

_site/articles/2020/reading-gaol-and-its-march-for-the-past.html

@@ -8,7 +8,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
     <meta name="HandheldFriendly" content="True">
-    <link rel="icon" href="/images/logo-white-square.png">
+    <link rel="icon" href="/images/favicon.png">
 
     <!-- add to homescreen for Chrome on Android -->
     <meta name="mobile-web-app-capable" content="yes">
@@ -17,10 +17,10 @@
     <meta name="apple-mobile-web-app-capable" content="yes">
     <meta name="apple-mobile-web-app-status-bar-style" content="black">
     <meta name="apple-mobile-web-app-title" content="Reading Gaol and its March for the Past">
-    <link rel="apple-touch-icon-precomposed" href="/images/logo-white-square.png">
+    <link rel="apple-touch-icon-precomposed" href="/images/favicon.png">
 
     <!-- tile icon & colour for Windows 8 -->
-    <meta name="msapplication-TileImage" content="/images/logo-white-square.png">
+    <meta name="msapplication-TileImage" content="/images/favicon.png">
     <meta name="msapplication-TileColor" content="#1d2f53">
 
     <!-- page info -->

_site/assets/css/main.css

@@ -120,7 +120,7 @@ body {
   background-color: var(--background-colour);
   color: var(--text-colour); }
 
-body, input, select, textarea {
+body, input, select, textarea, button {
   font-family: "Raleway", Arial, Helvetica, sans-serif;
   font-weight: 400;
   font-size: 1rem;

_site/auto-refresh.html

@@ -4,7 +4,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
     <meta name="HandheldFriendly" content="True" />
-    <link rel="icon" href="/images/logo-white-square.png" />
+    <link rel="icon" href="/images/favicon.png" />
 
     <!-- add to homescreen for Chrome on Android -->
     <meta name="mobile-web-app-capable" content="yes" />
@@ -13,10 +13,10 @@
     <meta name="apple-mobile-web-app-capable" content="yes" />
     <meta name="apple-mobile-web-app-status-bar-style" content="black" />
     <meta name="apple-mobile-web-app-title" content="BBC Young Reporter" />
-    <link rel="apple-touch-icon-precomposed" href="/images/logo-white-square.png" />
+    <link rel="apple-touch-icon-precomposed" href="/images/favicon.png" />
 
     <!-- tile icon & colour for Windows 8 -->
-    <meta name="msapplication-TileImage" content="/images/logo-white-square.png" />
+    <meta name="msapplication-TileImage" content="/images/favicon.png" />
     <meta name="msapplication-TileColor" content="#1d2f53" />
 
     <!-- page info -->

_site/index.html

@@ -8,7 +8,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
     <meta name="HandheldFriendly" content="True">
-    <link rel="icon" href="/images/logo-white-square.png">
+    <link rel="icon" href="/images/favicon.png">
 
     <!-- add to homescreen for Chrome on Android -->
     <meta name="mobile-web-app-capable" content="yes">
@@ -17,10 +17,10 @@
     <meta name="apple-mobile-web-app-capable" content="yes">
     <meta name="apple-mobile-web-app-status-bar-style" content="black">
     <meta name="apple-mobile-web-app-title" content="BBC Young Reporter">
-    <link rel="apple-touch-icon-precomposed" href="/images/logo-white-square.png">
+    <link rel="apple-touch-icon-precomposed" href="/images/favicon.png">
 
     <!-- tile icon & colour for Windows 8 -->
-    <meta name="msapplication-TileImage" content="/images/logo-white-square.png">
+    <meta name="msapplication-TileImage" content="/images/favicon.png">
     <meta name="msapplication-TileColor" content="#1d2f53">
 
     <!-- page info -->

_site/years/2019.html

@@ -8,7 +8,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
     <meta name="HandheldFriendly" content="True">
-    <link rel="icon" href="/images/logo-white-square.png">
+    <link rel="icon" href="/images/favicon.png">
 
     <!-- add to homescreen for Chrome on Android -->
     <meta name="mobile-web-app-capable" content="yes">
@@ -17,10 +17,10 @@
     <meta name="apple-mobile-web-app-capable" content="yes">
     <meta name="apple-mobile-web-app-status-bar-style" content="black">
     <meta name="apple-mobile-web-app-title" content="2019">
-    <link rel="apple-touch-icon-precomposed" href="/images/logo-white-square.png">
+    <link rel="apple-touch-icon-precomposed" href="/images/favicon.png">
 
     <!-- tile icon & colour for Windows 8 -->
-    <meta name="msapplication-TileImage" content="/images/logo-white-square.png">
+    <meta name="msapplication-TileImage" content="/images/favicon.png">
     <meta name="msapplication-TileColor" content="#1d2f53">
 
     <!-- page info -->

_site/years/2020.html

@@ -8,7 +8,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
     <meta name="HandheldFriendly" content="True">
-    <link rel="icon" href="/images/logo-white-square.png">
+    <link rel="icon" href="/images/favicon.png">
 
     <!-- add to homescreen for Chrome on Android -->
     <meta name="mobile-web-app-capable" content="yes">
@@ -17,10 +17,10 @@
     <meta name="apple-mobile-web-app-capable" content="yes">
     <meta name="apple-mobile-web-app-status-bar-style" content="black">
     <meta name="apple-mobile-web-app-title" content="2020">
-    <link rel="apple-touch-icon-precomposed" href="/images/logo-white-square.png">
+    <link rel="apple-touch-icon-precomposed" href="/images/favicon.png">
 
     <!-- tile icon & colour for Windows 8 -->
-    <meta name="msapplication-TileImage" content="/images/logo-white-square.png">
+    <meta name="msapplication-TileImage" content="/images/favicon.png">
     <meta name="msapplication-TileColor" content="#1d2f53">
 
     <!-- page info -->

assets/css/main.css

@@ -120,7 +120,7 @@ body {
   background-color: var(--background-colour);
   color: var(--text-colour); }
 
-body, input, select, textarea {
+body, input, select, textarea, button {
   font-family: "Raleway", Arial, Helvetica, sans-serif;
   font-weight: 400;
   font-size: 1rem;