From fe72624378f0cb5cb4892301f45bec5f37bc57de Mon Sep 17 00:00:00 2001
From: Augusto Gunsch <augustogunsch@tutanota.com>
Date: Wed, 30 Mar 2022 09:45:44 -0300
Subject: [PATCH] Improve quote breakpoints

---
 static/stylesheet.css | 26 +++++++++++++++++++++++++-
 1 file changed, 25 insertions(+), 1 deletion(-)

diff --git a/static/stylesheet.css b/static/stylesheet.css
index 22e6918..1bc66be 100644
--- a/static/stylesheet.css
+++ b/static/stylesheet.css
@@ -91,7 +91,6 @@
 }
 
 #quote {
-	max-width: 30%;
 	display: block;
 	font-size: 1.5rem;
 	margin: 0;
@@ -128,6 +127,11 @@
 
 	#quote {
 		max-width: 100%;
+		margin: 2rem 0;
+	}
+
+	#slogan {
+		margin: 2rem;
 	}
 
 	#slogan mark {
@@ -135,3 +139,23 @@
 		color: black;
 	}
 }
+
+
+@media only screen and (min-width: 600px) {
+	#quote {
+		max-width: 80%;
+	}
+}
+
+
+@media only screen and (min-width: 768px) {
+	#quote {
+		max-width: 60%;
+	}
+}
+
+@media only screen and (min-width: 992px) {
+	#quote {
+		max-width: 40%;
+	}
+}