From 9a54f7bc25e888e2019e6302e040f59f2b0b1319 Mon Sep 17 00:00:00 2001
From: Tim Stallard <code@timstallard.me.uk>
Date: Thu, 7 Jan 2016 11:16:49 +0000
Subject: [PATCH] Made top menu response, included code to stop tap overlays
 displaying on mobile devices

---
 src/documents/styles.css.scss | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/documents/styles.css.scss b/src/documents/styles.css.scss
index cb5c0bb..b4e6753 100644
--- a/src/documents/styles.css.scss
+++ b/src/documents/styles.css.scss
@@ -30,12 +30,15 @@ body{
       line-height: 1.1em;
       background-size: 20px;
       color: white;
-      border: 0.03em solid transparent;
+      border: 1px solid transparent;
       transition: background-color 300ms, border-color 300ms;
       margin-left: 0.1em;
       margin-right: 0.1em;
       text-align: center;
-
+      -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+      @media(max-width: 400px){
+        font-size: 10.5vw;
+      }
       &:hover, &.active{
         background-color: rgba(0, 0, 0, 0.2);
       }