From 7254c575d67bed3c75caa570231d5084a25dee07 Mon Sep 17 00:00:00 2001
From: Lea Anthony <lea.anthony@gmail.com>
Date: Tue, 20 Sep 2022 18:20:53 +1000
Subject: [PATCH] More CSS changes

---
 website/src/css/carousel.css       | 31 ++++++++++++++++++++++++++++++
 website/src/css/custom.css         | 19 +++---------------
 website/src/pages/index.module.css |  1 +
 3 files changed, 35 insertions(+), 16 deletions(-)

diff --git a/website/src/css/carousel.css b/website/src/css/carousel.css
index dc8b26ca1..91a93cd7f 100644
--- a/website/src/css/carousel.css
+++ b/website/src/css/carousel.css
@@ -318,6 +318,11 @@
     padding-left: 0;
     max-width: 800px;
   }
+
+  .hero__subtitle {
+    margin-top: 2rem;
+    font-size: 1.75rem;
+  }
 }
 
 @media screen and (max-width: 966px) {
@@ -326,4 +331,30 @@
     max-width: 65%;
     min-width: 200px;
   }
+
+  .hero__subtitle {
+    font-size: 1.5rem;
+  }
+}
+
+
+@media screen and (max-width: 400px) {
+  .carousel-root {
+    padding-left: 0;
+    max-width: 95%;
+    min-width: 200px;
+  }
+
+  blockquote {
+    margin: 0rem auto 3rem;
+  }
+
+  blockquote h3 {
+    font-size: 1.1rem;
+  }
+
+  blockquote h4 {
+    font-size: 1rem;
+  }
+
 }
\ No newline at end of file
diff --git a/website/src/css/custom.css b/website/src/css/custom.css
index 3a24beb71..1cb8267b3 100644
--- a/website/src/css/custom.css
+++ b/website/src/css/custom.css
@@ -135,7 +135,7 @@ html[data-theme="light"] .button--secondary {
     }
 
     .hero .container .col .hero__subtitle {
-        font-size: 1.2rem;
+        font-size: 1.3rem;
     }
 
     .carousel-root {
@@ -174,27 +174,14 @@ html[data-theme="light"] .button--secondary {
     font-size: 1.5rem;
 }
 
-@media all and (min-width: 600px) {
-    .hero__subtitle {
-        margin-top: 2rem;
-        font-size: 1.65rem;
-    }
-}
-
-@media all and (min-width: 1024px) {
-    .hero__subtitle {
-        margin-top: 2rem;
-        font-size: 1.75rem;
-    }
-}
 
 blockquote {
     display: block;
     width: 80%;
     max-width: 75rem;
     position: relative;
-    padding: 0 5px;
-    margin: 0 auto 7rem;
+    padding: 0 1rem;
+    margin: 1rem auto 7rem;
 }
 
 blockquote:before, blockquote:after {
diff --git a/website/src/pages/index.module.css b/website/src/pages/index.module.css
index 9312008c8..bc63dc45c 100644
--- a/website/src/pages/index.module.css
+++ b/website/src/pages/index.module.css
@@ -29,4 +29,5 @@
   .heroBanner {
     padding: 1rem 0 1rem;
   }
+
 }
\ No newline at end of file