refinements to the endorsements

1 files changed, 77 insertions, 76 deletions

diff --git a/style.css b/style.css
index fb3138a..c45b030 100644
--- a/style.css
+++ b/style.css
@@ -171,66 +171,6 @@ img {
     margin: 10px 20px 20px 0px;
 }
 
-/* Media query for narrow screens */
-@media only screen and (max-width: 600px) {
-  .inner-grid_1 {
-    grid-template-columns: 1fr; /* Switch to single column layout */
-  }
-  .inner-grid_1 p {
-	text-align: left;
-    font-size: 1.5rem;
-    padding-top: 1px;
-    margin-bottom: 5px;
-  }
-  .inner-grid_1 p#sewing-blurb {
-    font-size: 1.5rem;
-    color: darkgray;
-    padding-right: 10px;
-}
-  .inner-grid_2 {
-    grid-template-columns: 1fr; /* Switch to single column layout */
-  }
-  .container {
-      max-width: 97%;
-  }
-  .cell {
-      padding-left: 20px;
-  }
-  img {
-      padding: 0;
-  }
-  .divider {
-    border-width: 0;
-  }
-}
-
-@media only screen and (max-width: 1200px) {
-  .inner-grid_1 p {
-	text-align: left;
-    font-size: 1.8rem;
-    padding-top: 10px;
-    padding-right: 20px;
-  }
-  .inner-grid_1 p#sewing-blurb {
-    font-size: 1.4rem;
-    padding-top: 5px;
-    padding-right: 20px;
-    }
-}
-
-@media only screen and (max-width: 900px) {
-  .inner-grid_1 p {
-	text-align: left;
-    font-size: 1.3rem;
-    padding-top: 10px;
-    padding-right: 20px;
-  }
-    
-  .inner-grid_1 p#sewing-blurb {
-        font-size: 1.2rem;
-        padding-top: 5px;
-    }
-}
 
 a {
     font-size: inherit;
@@ -278,21 +218,6 @@ header {
     color: #657c76;
 }
 
-.reviews_grid {
-    display: grid;
-    grid-template-columns: repeat(2, 1fr);
-    gap: 50px;
-    margin: 22px 10px 10px 0px;
-}
-
-.reviews_img {
-    box-shadow: 2px 2px 2px lightgray;
-    border-radius: 5px;
-	margin-right: 20px;
-    max-width: 600px;
-    height: auto;
-}
-
 .reviews_quote {
     font-size: 1.3rem;
     font-family: "Franklin-Italic";
@@ -304,14 +229,24 @@ header {
     padding-bottom:100px
 }
 
+.hs_image {
+    margin-left: auto;
+    margin-right: 20px;
+    margin-top: 20px;
+    max-width: 95%;
+}
+
 /* this means a p subling to reviews_quote */
 .reviews_quote ~ p {
     color: darkgray;
     padding: 10px 0px;
+    margin-bottom: 20px;
 }
 
 .reviews_quote_container {
-    margin-top: 30px;
+    padding: 0px 100px 0px 100px;
+    border-bottom: 5px solid #f4f4f4;
+    margin: 30px 25px 20px 25px;
 }
 
 .footer {
@@ -325,3 +260,69 @@ header {
 .footer > p {
     padding: 5px;
 }
+
+/* Media query for narrow screens */
+@media only screen and (max-width: 600px) {
+  .inner-grid_1 {
+    grid-template-columns: 1fr; /* Switch to single column layout */
+  }
+  .inner-grid_1 p {
+	text-align: left;
+    font-size: 1.5rem;
+    padding-top: 1px;
+    margin-bottom: 5px;
+  }
+  .inner-grid_1 p#sewing-blurb {
+    font-size: 1.5rem;
+    color: darkgray;
+    padding-right: 10px;
+}
+  .inner-grid_2 {
+    grid-template-columns: 1fr; /* Switch to single column layout */
+  }
+  .container {
+      max-width: 97%;
+  }
+  .cell {
+      padding-left: 20px;
+  }
+  img {
+      padding: 0;
+  }
+  .reviews_quote_container {
+      padding-left: 10px;
+      padding-right: 10px;
+  }
+}
+
+@media only screen and (max-width: 1200px) {
+  .inner-grid_1 p {
+	text-align: left;
+    font-size: 1.8rem;
+    padding-top: 10px;
+    padding-right: 20px;
+  }
+  .inner-grid_1 p#sewing-blurb {
+    font-size: 1.4rem;
+    padding-top: 5px;
+    padding-right: 20px;
+    }
+}
+
+@media only screen and (max-width: 900px) {
+  .inner-grid_1 p {
+	text-align: left;
+    font-size: 1.3rem;
+    padding-top: 10px;
+    padding-right: 20px;
+  }
+    
+  .inner-grid_1 p#sewing-blurb {
+        font-size: 1.2rem;
+        padding-top: 5px;
+    }
+  .reviews_quote_container {
+      padding-left: 10px;
+      padding-right: 10px;
+  }
+}