diff --git a/css/styles.css b/css/styles.css
index 1f0f6c9..02f4b70 100644
--- a/css/styles.css
+++ b/css/styles.css
@@ -3,20 +3,17 @@ body {
   background-size: cover;
   color: white;
   font-family: 'Amatic SC', cursive;
-  background-color: rgb(95,207,128);
+  background-color: rgb(2, 30, 10);
+  max-height: 90vh;
 }
 #quote-box {
-  position: absolute;
-  top: 14%;
-  left: 10%;
-  right: 10%;
-  width: 80%;
-  line-height: .5;
+  width: 100%;
+  height: auto;
 }
 .quote {
   font-size: 6rem;
   font-weight: 400;
-  line-height: 1.1;
+  line-height: 1;
   text-shadow: 0 1px 1px rgba(0,0,0, .8);
   position: relative;
   margin: 0;
@@ -62,12 +59,7 @@ body {
 
 #loadQuote {
   font-size: 2.5rem;;
-  position: fixed;
-  width: 7em;
-  display: inline-block;
-  left: 50%;
-  margin-left: -6em;
-  bottom: 150px;
+  
   border-radius: 4px;
   border: 2px solid #fff;
   color: #fff;
@@ -84,7 +76,11 @@ body {
 
 @media (max-width: 420px) {
   .quote {
-    font-size: 2.5rem;
+      font-size: 0.5rem;
+      font-weight: 400;
+      line-height: 0.5;
+      text-shadow: 0 1px 1px rgba(0,0,0, .8); 
+
   }
   .quote:before, .quote:after {
     font-size: 3rem;
@@ -92,4 +88,9 @@ body {
   .source {
     font-size: 1rem;
   }
+  body{
+    display: flex;
+    flex-direction: column;
+    row-gap: 2rem;
+  }
 }