From b3a2f9bcc2432dcc533b3ff0ff37e4ad67e9be09 Mon Sep 17 00:00:00 2001
From: Loic Blot <loic.blot@unix-experience.fr>
Date: Tue, 21 Jul 2015 17:57:01 +0000
Subject: [PATCH] Responsive design for little screens

---
 css/style.css | 56 +++++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 56 insertions(+)

diff --git a/css/style.css b/css/style.css
index bf907c1..089190e 100644
--- a/css/style.css
+++ b/css/style.css
@@ -166,3 +166,59 @@
 .home-icon:hover {
 	cursor: pointer;
 }
+
+/* Responsive */
+@media (max-width: 1620px) {
+#city-right .city-name {
+	font-size: 5em;
+}
+
+#city-right .city-current-pressure, #city-right .city-current-wind,
+#city-right .city-current-weather, #city-right .city-current-humidity,
+#city-right .city-current-sunrise {
+	font-size: 3em;
+}
+#city-forecast-panel {
+	font-size: 1.2em;
+}
+}
+
+@media (max-width: 1560px) {
+#city-right .city-name {
+	font-size: 4em;
+}
+
+#city-right .city-current-temp {
+	font-size: 3.5em;
+}
+
+#city-right .city-current-pressure, #city-right .city-current-wind,
+#city-right .city-current-weather, #city-right .city-current-humidity,
+#city-right .city-current-sunrise {
+	font-size: 2.2em;
+}
+#city-forecast-panel {
+	font-size: 1.2em;
+}
+}
+
+@media (max-width: 1400px) {
+#city-forecast-panel {
+	font-size: 1em;
+}
+}
+@media (max-width: 1350px) {
+#city-right .city-name {
+	font-size: 3em;
+}
+
+#city-right .city-current-temp {
+	font-size: 2.5em;
+}
+
+#city-right .city-current-pressure, #city-right .city-current-wind,
+#city-right .city-current-weather, #city-right .city-current-humidity,
+#city-right .city-current-sunrise {
+	font-size: 1.6em;
+}
+}