From 9b2d6ae4585ff4fa8ae300da830f79ad1848a208 Mon Sep 17 00:00:00 2001
From: Petri Partio <petri.partio@gmail.com>
Date: Sat, 21 Mar 2015 11:50:44 +0200
Subject: [PATCH] Hide video from header on tablets and mobile devices

---
 src/styles/_header.styl | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/src/styles/_header.styl b/src/styles/_header.styl
index bc157f6..0bffafa 100644
--- a/src/styles/_header.styl
+++ b/src/styles/_header.styl
@@ -1,4 +1,7 @@
 .header
+  background url('../images/jumbo.jpg')
+  background-position bottom center
+  background-size cover
   height 400px
   overflow hidden
   position relative
@@ -8,6 +11,9 @@
   @media screen and (max-width: 1030px)
     height 300px
 
+    video
+     display none
+
 .header__container
   background #3E7394
   background linear-gradient(120deg, rgba(#085078, 0.8) 10%, rgba(#85D8CE, 0.7) 90%)