From 939587eb3615d8eb90e351f7bf9d587d7b33ec92 Mon Sep 17 00:00:00 2001
From: brettlangdon <brett@blangdon.com>
Date: Sat, 30 Dec 2017 10:17:34 -0500
Subject: [PATCH] Fix hero background image for mobile safari

---
 index.html | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/index.html b/index.html
index c73ca83..afa0b02 100644
--- a/index.html
+++ b/index.html
@@ -8,8 +8,8 @@
     <link href="https://fonts.googleapis.com/css?family=Lato" rel="stylesheet">
     <style>
      html, body, * { font-family: 'Lato', sans-serif; }
-     .hero-body { background-image: url('background.jpg'); background-repeat: no-repeat; background-size: cover; background-attachment: fixed; background-position: 0% 50% }
-     @media screen and (max-width: 900px) { .hero-body { background-position: 50% 50%; } }
+     .hero-body { background-image: url('background.jpg'); background-repeat: no-repeat; background-size: cover; background-attachment: scroll; background-position: 0% 80% }
+     @media screen and (max-width: 1100px) { .hero-body { background-position: 50% 50%; } }
      @media screen and (max-width: 600px) { .hero-body { background-position: 65% 50%; } }
     </style>
   </head>