Improve quote breakpoints

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%;
+	}
+}