From f7dfa5047ce908e0b41e4895e55ee32452453f03 Mon Sep 17 00:00:00 2001
From: Luke <lukeseers@users.noreply.github.com>
Date: Mon, 11 Nov 2019 14:51:07 +0100
Subject: [PATCH] Add tablet support

---
 _sass/new/about-short.scss | 2 +-
 _sass/new/cast.scss        | 2 +-
 _sass/new/features.scss    | 2 +-
 _sass/new/footer.scss      | 2 +-
 _sass/new/header.scss      | 4 +---
 _sass/new/map.scss         | 2 +-
 _sass/new/nav.scss         | 6 +++++-
 _sass/new/overview.scss    | 2 +-
 _sass/new/page.scss        | 2 +-
 9 files changed, 13 insertions(+), 11 deletions(-)

diff --git a/_sass/new/about-short.scss b/_sass/new/about-short.scss
index 67623f2..b676a52 100644
--- a/_sass/new/about-short.scss
+++ b/_sass/new/about-short.scss
@@ -24,7 +24,7 @@ content .about-short p{
     width: 500px;
 }
 
-@media (max-width: 575.98px){
+@media (max-width: 1318px){
     
     content .about-short{
         height: 95vh;
diff --git a/_sass/new/cast.scss b/_sass/new/cast.scss
index 202c0f6..0988ebd 100644
--- a/_sass/new/cast.scss
+++ b/_sass/new/cast.scss
@@ -77,7 +77,7 @@ content .cast .c-r p{
     opacity: 0.5;
 }
 
-@media (max-width: 575.98px) {
+@media (max-width: 1318px) {
     content .cast{
         grid-template-columns:1fr;
         margin-top: -100px;
diff --git a/_sass/new/features.scss b/_sass/new/features.scss
index 723be5b..f8711a3 100644
--- a/_sass/new/features.scss
+++ b/_sass/new/features.scss
@@ -34,7 +34,7 @@
     opacity: 0.5;
 }
 
-@media (max-width: 575.98px){
+@media (max-width: 1318px){
 
     .features{
         height: 125vh;
diff --git a/_sass/new/footer.scss b/_sass/new/footer.scss
index 4e4f84b..ea4b115 100644
--- a/_sass/new/footer.scss
+++ b/_sass/new/footer.scss
@@ -86,7 +86,7 @@ footer .legal ul li{
     list-style-type: none;
 } 
 
-@media (max-width: 575.98px) {
+@media (max-width: 1318px) {
 
     footer{
         height: 45vh;
diff --git a/_sass/new/header.scss b/_sass/new/header.scss
index 07bad29..b5da14d 100644
--- a/_sass/new/header.scss
+++ b/_sass/new/header.scss
@@ -197,7 +197,7 @@ header .h-r div a:hover{
     opacity: 1;
 }
 
-@media (max-width: 575.98px){
+@media (max-width: 1318px){
 
     header{
         height: 170vh;
@@ -263,6 +263,4 @@ header .h-r div a:hover{
     header .h-r div span{
         margin-right: 1.4rem;
     }
-
-
 }
diff --git a/_sass/new/map.scss b/_sass/new/map.scss
index 8ff7d80..ea11b3c 100644
--- a/_sass/new/map.scss
+++ b/_sass/new/map.scss
@@ -37,7 +37,7 @@ content .map .m-r p{
     padding-bottom: 2rem;
 }
 
-@media (max-width: 575.98px){
+@media (max-width: 1318px){
 
     content .map{
         height: 125vh;
diff --git a/_sass/new/nav.scss b/_sass/new/nav.scss
index 56359c1..757ddf6 100644
--- a/_sass/new/nav.scss
+++ b/_sass/new/nav.scss
@@ -59,7 +59,11 @@ nav ul li a:hover{
     text-decoration: none;
 }
 
-@media (max-width: 575.98px){
+@media (max-width: 1318px){
+
+    nav{
+        grid-column: 1/4;   
+    }
 
     nav a{
      padding-right: 1vh;
diff --git a/_sass/new/overview.scss b/_sass/new/overview.scss
index ae139a3..c2ae08b 100644
--- a/_sass/new/overview.scss
+++ b/_sass/new/overview.scss
@@ -70,7 +70,7 @@ content .overview .o-r div div p{
     opacity: 0.5;
 }
 
-@media (max-width: 575.98px) {
+@media (max-width: 1318px) {
 
     content .overview{
         height: 170vh;
diff --git a/_sass/new/page.scss b/_sass/new/page.scss
index a14f8b9..d100eb2 100644
--- a/_sass/new/page.scss
+++ b/_sass/new/page.scss
@@ -28,7 +28,7 @@ content{
     background-color: #396bf5;
 }
 
-@media (max-width: 575.98px) {
+@media (max-width: 1318px) {
     body{   
         grid-template-columns: 1fr;
     }