 @@ -26,8 +26,12 @@
    --blue-400: #4dabf7;
    --yellow-100: #fff3bf;
-
+ 
 -  --body-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
 -  --body-font-size: 16px;
 +  --black: #000000;

+  color: var(--black);
+  background-color: var(--safety);
 }

 .masthead-title {
+  margin-top: 0;
   margin-bottom: 0;
+  font-size: 3rem;

   a {
     color: inherit;
@@ -21,3 +26,37 @@
     opacity: .5;
   }
 }
+
+.masthead-logo {
+  width: 10rem;
+  float: left;
+  margin-left: var(--spacer-2);
+}
+
+.masthead-tagline {

 a {
   color: var(--link-color);
+  text-decoration: none;
 
   // `:focus` is linked to `:hover` for basic accessibility
   &:hover,
   &:focus {
     color: var(--link-hover-color);
+    text-decoration: underline;
   }
 
   strong {
diff -ru _sass/_layout.scss ../information-safety.github.io/_sass/_layout.scss
--- _sass/_layout.scss	2020-04-05 09:43:03.000000000 -0500
+++ ../information-safety.github.io/_sass/_layout.scss	2020-04-05 16:57:57.000000000 -0500
@@ -3,7 +3,7 @@
 // Styles for managing the structural hierarchy of the site.
 
 .container {
-  max-width: 45rem;
+  max-width: 50rem;
