1 files changed, 125 insertions, 72 deletions

diff --git a/site/assets/css/css.css b/site/assets/css/css.css
index 47fc0652..0ee8a4f3 100644
--- a/site/assets/css/css.css
+++ b/site/assets/css/css.css
@@ -4,7 +4,8 @@ html, body {
   padding: 0;
   width: 100%;
   min-height: 100%;
-  font-family: 'Roboto Mono', sans-serif;
+  /*font-family: 'Roboto Mono', sans-serif;*/
+  font-family: 'Roboto', sans-serif;
   color: #eee;
   overflow-x: hidden;
 }
@@ -163,33 +164,33 @@ h1 {
   margin: 75px 0 10px;
   padding: 0;
   transition: color 0.1s cubic-bezier(0,0,1,1);
-  font-family: 'Roboto';
+  font-family: 'Roboto Mono', monospace;
 }
 h2 {
   color: #eee;
   font-weight: 400;
-  font-size: 32pt;
-  line-height: 43pt;
-  margin: 20px 0 10px;
+  font-size: 32px;
+  line-height: 43px;
+  margin: 20px 0 20px;
   padding: 0;
   transition: color 0.1s cubic-bezier(0,0,1,1);
-  font-family: 'Roboto';
+  font-family: 'Roboto Mono', monospace;
 }
 h3 {
   margin: 0 0 20px 0;
   padding: 20px 0 0 0;
   font-size: 22pt;
-  font-weight: 500;
+  font-weight: 400;
   transition: color 0.1s cubic-bezier(0,0,1,1);
-  font-family: 'Roboto';
+  font-family: 'Roboto Mono', monospace;
 }
 h4 {
   margin: 0 0 10px 0;
   padding: 0;
   font-size: 11pt;
-  font-weight: 500;
+  font-weight: 400;
   transition: color 0.1s cubic-bezier(0,0,1,1);
-  font-family: 'Roboto';
+  font-family: 'Roboto Mono', monospace;
 }
 .content h3 a {
   color: #888;
@@ -212,11 +213,11 @@ h4 {
   border-bottom: 0;
 }
 th, .gray {
-  font-family: 'Roboto Mono', monospace;
+  font-family: 'Roboto', monospace;
   font-weight: 500;
   text-transform: uppercase;
   letter-spacing: .15rem;
-  color: #999;
+  color: #777;
 }
 th, .gray {
   font-size: 9pt;
@@ -248,8 +249,9 @@ section {
 p {
   margin: 0 10px 20px 0;
   line-height: 2;
-  font-size: 16px;
+  font-size: 18px;
   font-weight: 300;
+  color: #dedede;
 }
 p.subp{
   font-size: 14px;
@@ -272,18 +274,19 @@ p.subp{
   flex-direction: row;
   justify-content: flex-start;
   align-items: flex-start;
-  font-size: 14px;
+  font-size: 12px;
+  color: #ccc;
   margin-bottom: 20px;
   font-family: 'Roboto', sans-serif;
 }
 .meta > div {
   margin-right: 20px;
-  line-height: 19px
+  line-height: 17px
   /*font-size:11px;*/
 }
 .meta .gray {
   font-size: 9pt;
-  padding-bottom: 4px;
+  padding-bottom: 5px;
   line-height: 14px
 }
 .right-sidebar {
@@ -303,7 +306,7 @@ p.subp{
   padding-top: 10px;
   padding-right: 20px;
   /*margin-right: 20px;*/
-  margin-bottom: 30px;
+  margin-bottom: 10px;
   /*border-right: 1px solid #444;*/
   font-family: 'Roboto';
   font-size: 14px;
@@ -464,10 +467,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 +487,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 +730,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 +788,7 @@ page-specific formatting
     position: relative;
     width: 100%;
     height: 50px;
-    margin-top:100px;
+    margin-top:50px;
 }
 
 .hr-wave-line1 {
@@ -848,39 +807,58 @@ 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:first-of-type > p:first-of-type {
+  font-size: 23px;
+  line-height: 39px;
+}
 .content-about .about-menu ul li {
   display: inline-block;
   font-size: 14px;
   font-weight: 400;
-  margin-right: 8px;
   text-transform: uppercase;
   margin-right: 15px;
   font-family: 'Roboto';
@@ -895,6 +873,81 @@ page-specific formatting
   color: #ddd;
 }
 
+/* columns */
+
+.columns {
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-start;
+}
+.columns .column {
+  font-family: Roboto, sans-serif;
+  font-weight: 400;
+  background: #202020;
+  padding: 20px;
+  margin: 10px;
+}
+.columns .column:first-of-type {
+  margin-left: 0;
+}
+.columns-2 .column {
+  width: 50%;
+}
+.columns-3 .column {
+  width: 33%;
+}
+.columns-4 .column {
+  width: 25%;
+}
+
+/* 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:16px;
+}
+.content-about .team-member img{
+  margin:0;
+  display: block;
+}
+.content-about .team-member h3{
+  font-size:18px;
+}
+
+
 
 /* footnotes */