about page styling

1 files changed, 14 insertions, 37 deletions

diff --git a/site/public/assets/style.css b/site/public/assets/style.css
index 6fbf74f..535bed4 100644
--- a/site/public/assets/style.css
+++ b/site/public/assets/style.css
@@ -842,19 +842,23 @@ nav .sub.active a {
   float: left;
 }
 .brady div {
-  width: 17.1vw;
+  width: 100%;
   position: relative;
   display: block;
   float: left;
-  padding: 1vw 0.5vw 1vw 0.5vw;
-  font-size: 0.8vw;
-  line-height: 1.4vw;
-  border: 1px solid black;
-  margin: 0.5vw 0.5vw 0 0.5vw;
+  padding: 1em 0.5em 1em 0vw;
+  font-size: 0.8em;
+  line-height: 1.5em;
+  border-bottom: 1px solid black;
+  margin: 1em 0;
   font-family: 'BellGothic-Bold';
 }
-.brady > a:nth-child(3) {
-  margin-right: 5vw;
+.brady div.collabscontent {
+  border-top: 1px solid black;
+}
+.brady div.contactcontent {
+  margin-top: 0;
+  padding-top: 0;
 }
 .desktop .brady > a:hover:after {
   content: 'SAY HELLO!';
@@ -874,7 +878,8 @@ nav .sub.active a {
   opacity: 0;
   color: black;
   margin-top: -4px;
-  font-size: 1vw;
+  font-size: 0.8em;
+  line-height: 1.5em;
   padding: 2px 0 1px 2px;
   
 	transition: 0.1s opacity ease-in;
@@ -1019,14 +1024,6 @@ nav .sub.active a {
   .brady > a {
     width: 24vw; height: 24vw;
   }
-  .brady div {
-    width: 23vw;
-    font-size: 1.2vw;
-    line-height: 1.9vw;
-  }
-  .brady span {
-    font-size: 2vw;
-  }
   .brady > a:nth-child(3) {
     margin-right: 0vw;
   }
@@ -1113,36 +1110,16 @@ nav .sub.active a {
     display: none;
     width: 35vw; height: 35vw;
   }
-/* 
-  .brady > a:nth-child(2) {
-    margin-left: 1vw;
-  }
-  .brady > a:nth-child(2),
-  .brady > a:nth-child(3) {
-    display: block;
-    width: 35vw; height: 35vw;
-  }
- */
-
   .brady {
     width: 100%;
   }
   .brady div {
     width: 100%;
-    font-size: 4vw;
-    line-height: 5vw;
     border: 0;
     margin: 1em;
     margin-left: 2em;
     padding: 0;
   }
-  .brady div:nth-child(1) {
-    padding-bottom: 1vw;
-    border-bottom: 1px solid #444;
-  }
-  .brady span {
-    font-size: 2vw;
-  }
   .brady > a:nth-child(3) {
     margin-right: 0vw;
   }