From ddcb341ef9c2ec85a5c5bfd6a37799fc941d9520 Mon Sep 17 00:00:00 2001
From: ztimson <zaktimson@gmail.com>
Date: Sat, 24 Aug 2019 23:36:28 -0400
Subject: [PATCH] Fixed svg on some mobile devices

---
 .../animatedBackground/animatedBackground.component.scss | 9 ++++-----
 1 file changed, 4 insertions(+), 5 deletions(-)

diff --git a/src/app/components/animatedBackground/animatedBackground.component.scss b/src/app/components/animatedBackground/animatedBackground.component.scss
index dda7df6..99389e7 100644
--- a/src/app/components/animatedBackground/animatedBackground.component.scss
+++ b/src/app/components/animatedBackground/animatedBackground.component.scss
@@ -989,13 +989,12 @@
 
 /* 14/5 and 3/1 */
 @media screen and (min-aspect-ratio: 14/5) and (max-aspect-ratio: 7/2){
-  .twinkles{}
+  .twinkles{top: 77%;}
   #reflection, #sunMask{height: 42%;}
   #landscape{bottom: -3%;}
   #bottom{top: 101%;}
   #stag{bottom: 3%;}
   .sun{top: -570%;}
-  .twinkles{top: 77%;}
 }
 /* 5/2 and 14/5 */
 @media screen and (min-aspect-ratio: 5/2) and (max-aspect-ratio: 14/5){
@@ -1150,8 +1149,8 @@
 @media screen and (min-aspect-ratio: 1/10) and (max-aspect-ratio: 5/9){
   .twinkles{top: 62%; width: 3%;}
   #reflection, #sunMask{height: 8%;}
-  #landscape{bottom: 20%;}
-  #bottom{top: 80%;}
-  #stag{bottom: 21.5%;}
+  #landscape{bottom: 32%;}
+  #bottom{top: 67.5%;}
+  #stag{bottom: 33.5%;}
   .sun{top: -55%;}
 }