Fill in contact information

1 files changed, 31 insertions, 5 deletions

diff --git a/stylesheets/contact.css b/stylesheets/contact.css
index ba32d8e..f1dc4ae 100644
--- a/stylesheets/contact.css
+++ b/stylesheets/contact.css
@@ -1,15 +1,41 @@
 @media (min-width: 40em) {
     main {
         display: grid;
-        grid-template-columns: 60% 40%;
+        grid-template-columns: 1fr 1fr;
     }
 
-    #contact-us dl {
-        display: grid;
-        grid-template-columns: 1fr 2fr;
+    main h1 {
+        color: #377d1f;
+        margin-top: 0;
+    }
+
+    #contact-us {
+        border-right: solid 1px #e05a00;
+        /* Try to set this so that border does not go too far below photo. */
+        height: 28em;
+    }
+    #contact-us, #partners {
+        margin: 2em;
     }
 
+    #contact-us dl:not(:first) {
+        margin-top: 0.2em;
+    }
+    #contact-us dl:not(:last) {
+        margin-bottom: 0.2em;
+    }
     #contact-us dd {
-        margin-left: inherit;
+        margin-left: 0;
+    }
+    #contact-us dt, #contact-us dd {
+        display: inline;
+    }
+
+    #contact-us figure {
+        margin-left: 0;
+    }
+
+    #contact-us figure img {
+        max-width: 30em;
     }
 }