From ff2abde0f5a73999da68fe3507c6ec56061ea348 Mon Sep 17 00:00:00 2001
From: "k.triantafyllou" <k.triantafyllou@d315682c-612b-4755-9ff5-7f18f6832af3>
Date: Mon, 30 Nov 2020 11:15:02 +0000
Subject: [PATCH] [UsageCounts | Trunk]: Add mobilde rules

---
 src/app/analytics/analytics.component.css | 20 +++++++++++++++-----
 1 file changed, 15 insertions(+), 5 deletions(-)

diff --git a/src/app/analytics/analytics.component.css b/src/app/analytics/analytics.component.css
index e692290..a5d0233 100644
--- a/src/app/analytics/analytics.component.css
+++ b/src/app/analytics/analytics.component.css
@@ -1,12 +1,22 @@
 .countries {
-  background-image: url("/assets/usage-statistics-assets/analytics/1.svg");
-  background-size: contain;
-  background-repeat: no-repeat;
-  background-position: top center;
-  min-height: calc(100vh - 100px);
   position: relative;
 }
 
+@media only screen and (min-width: 1200px) {
+  .countries {
+    min-height: calc(100vh - 100px);
+  }
+}
+
+@media only screen and (min-width: 960px) {
+  .countries {
+    background-image: url("/assets/usage-statistics-assets/analytics/1.svg");
+    background-size: contain;
+    background-repeat: no-repeat;
+    background-position: top center;
+  }
+}
+
 .countries a.next {
   position: absolute;
   bottom: 10vh;