css for about page

1 files changed, 77 insertions, 54 deletions

diff --git a/site/assets/css/css.css b/site/assets/css/css.css
index 47fc0652..0244b86b 100644
--- a/site/assets/css/css.css
+++ b/site/assets/css/css.css
@@ -464,10 +464,10 @@ section.fullwidth .image {
   text-align: center;
 }
 .image .caption.intro-caption{
-  text-align: left;
+  text-align: center;
 }
 .caption {
-  text-align: left;
+  text-align: center;
   font-size: 10pt;
   color: #999;
   max-width: 960px;
@@ -484,50 +484,6 @@ section.fullwidth .image {
 }
 
 
-/* about page */
-
-
-.flex-container {
-  padding: 0;
-  margin: 0;
-  list-style: none;
-  
-  display: -webkit-box;
-  display: -moz-box;
-  display: -ms-flexbox;
-  display: -webkit-flex;
-  display: flex;
-  
-  -webkit-flex-flow: row wrap;
-  justify-content: space-around;
-}
-
-.team-photos-container{
-  margin-top:40px;
-}
-.team-member {
-  height: auto;
-  margin-top: 10px;
-  color: white;
-  width: 400px;
-  font-weight: bold;
-  flex-grow: 1;
-  margin:0 40px 0 0;
-  padding:20px;
-  border-radius:6px;
-  background: #202020;
-}
-.team-member&:last-child{
-  margin:0 0 0 40px;
-}
-.team-member p{
-  font-size:14px;
-}
-.team-member img{
-  margin:0;
-  display: block;
-}
-
 
 .sideimage {
   margin: 0px 0 40px 0;
@@ -771,7 +727,7 @@ section.intro_section {
   background-size: cover;
   background-position: center left;
   padding: 50px 0;
-  /*min-height: 40vh;*/
+  min-height: 40vh;
   display: flex;
   justify-content: center;
   align-items: center;
@@ -829,7 +785,7 @@ page-specific formatting
     position: relative;
     width: 100%;
     height: 50px;
-    margin-top:100px;
+    margin-top:50px;
 }
 
 .hr-wave-line1 {
@@ -848,34 +804,54 @@ page-specific formatting
 
 /* map */
 
-.map-legend-item{
+ul.map-legend{
   display: inline-block;
+  margin:0;
+}
+ul.map-legend li{
   margin-right: 10px;
   padding-top:4px;
+  display: inline-block;
 }
-.map-legend-item:before {
+ul.map-legend li:before {
   content: '';
   display: inline-block;
   width: 10px;
   height: 10px;
-  /*margin-bottom: 2px;*/
   margin-right: 6px;
 }
-.map-legend-item.edu:before {
+ul.map-legend li.edu:before {
   background-color: #f2f293;
 }
-.map-legend-item.com:before {
+ul.map-legend li.com:before {
   background-color: #3264f6;
 }
-.map-legend-item.gov:before {
+ul.map-legend li.gov:before {
   background-color: #f30000;
 }
+ul.map-legend li.source:before {
+  content: none;
+  display: inline-block;
+  width: 0px;
+  margin-right: 10px;
+}
 
 /* about */
 
 .content-about {
   color: #fff;
 }
+.content-about p {
+  font-size:16px;
+}
+.content-about ul{
+ font-size:14px;
+ font-weight: 300; 
+}
+.content-about section > p:first-of-type{
+  font-size:23px;
+  line-height:39px;
+}
 .content-about .about-menu ul li {
   display: inline-block;
   font-size: 14px;
@@ -894,6 +870,53 @@ page-specific formatting
   border-bottom: 1px solid #ddd;
   color: #ddd;
 }
+/* about page */
+
+
+.flex-container {
+  padding: 0;
+  margin: 0;
+  list-style: none;
+  
+  display: -webkit-box;
+  display: -moz-box;
+  display: -ms-flexbox;
+  display: -webkit-flex;
+  display: flex;
+  
+  -webkit-flex-flow: row wrap;
+  justify-content: space-around;
+}
+
+.content-about .team-photos-container{
+  margin:40px 0;
+}
+.content-about .team-member {
+  height: auto;
+  margin-top: 10px;
+  color: white;
+  width: 400px;
+  font-weight: bold;
+  flex-grow: 1;
+  margin:0 40px 0 0;
+  padding:20px;
+  border-radius:6px;
+  background: #202020;
+}
+.content-about .team-member&:last-child{
+  margin:0 0 0 40px;
+}
+.content-about .team-member p{
+  font-size:14px;
+}
+.content-about .team-member img{
+  margin:0;
+  display: block;
+}
+.content-about .team-member h3{
+  font-size:18px;
+}
+
 
 
 /* footnotes */