wip

1 files changed, 37 insertions, 24 deletions

diff --git a/style.css b/style.css
index 38c0820..a61b068 100644
--- a/style.css
+++ b/style.css
@@ -19,6 +19,16 @@ body {
     background: rgb(224, 221, 217, 0.27);
 }
 
+h1 {
+    color: #657c76;
+	font-size: 2.0rem;
+}
+
+h2 {
+    color: #4e8273;
+	font-size: 1.8rem;
+}
+
 
 .container {
     max-width: 87%;
@@ -78,7 +88,9 @@ img {
 .inner-grid_1 p {
     font-size: 1.6rem;
     color: darkgray;
-    padding-right: 50px;
+    padding-right: 100px;
+    padding-top: 100px;
+    padding-bottom:100px
     text-align: right;
 }
 
@@ -89,6 +101,12 @@ img {
     margin: 10px 10px 10px 0px;
 }
 
+.divider {
+    color: #e0d9de;
+    border-width: 1;
+    margin: 10px 20px 20px 0px;
+}
+
 /* Media query for narrow screens */
 @media only screen and (max-width: 600px) {
   .inner-grid_1 {
@@ -98,23 +116,36 @@ img {
 	text-align: left;
     font-size: 1.5rem;
     padding: 0;	
+    padding-top: 10px;
   }
   .inner-grid_2 {
     grid-template-columns: 1fr; /* Switch to single column layout */
   }
+  .cell {
+      padding-left: 20px;
+  }
+  img {
+      padding: 0;
+  }
+  .divider {
+    border-width: 0;
+  }
 }
 
+@media only screen and (max-width: 900px) {
+  .inner-grid_1 p {
+	text-align: left;
+    font-size: 1.5rem;
+    padding-top: 10px;
+  }
+
+}
 
 a {
     font-size: inherit;
     color: #394f49;
 }
 
-.divider {
-    color: #e0d9de;
-    border-width: 1;
-    margin: 10px 20px 20px 0px;
-}
 
 header {
 	padding-left: 10px;
@@ -155,21 +186,3 @@ header {
     font-weight: bold;
     color: #657c76;
 }
-
-h1 {
-    color: #657c76;
-	font-size: 2.0rem;
-}
-
-h2 {
-    color: #4e8273;
-	font-size: 1.8rem;
-}
-
-
-.objectpic {
-    max-width: fit-content;
-    margin-left: auto;
-    margin-right: auto;
-    margin-bottom: 10px;
-}