Clean up style to mimic existing site.

static/css/custom.css

@@ -1,3 +1,31 @@
+@font-face {
+  font-family: "Playfair Display";
+  src: url("playfair/PlayfairDisplay-Regular.ttf");
+  font-weight: normal;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: "Playfair Display";
+  src: url("playfair/PlayfairDisplay-SemiBold.ttf");
+  font-weight: bold;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: "Playfair Display";
+  src: url("playfair/PlayfairDisplay-Italic.ttf");
+  font-weight: normal;
+  font-style: italic;
+}
+
+@font-face {
+  font-family: "Playfair Display";
+  src: url("playfair/PlayfairDisplay-SemiBoldItalic.ttf");
+  font-weight: bold;
+  font-style: italic;
+}
+
 body {
   font-size: 1.1em;
 }
@@ -14,3 +42,42 @@ figcaption {
 .list__title .href {
   color: black;
 }
+
+.logo {
+  font-family: "Playfair Display", Georgia, serif;
+  text-align: center;
+  padding-bottom: 100px;
+}
+
+.logo__title {
+  font-size: 2.35em;
+  text-transform: none;
+}
+
+.logo__tagline {
+  border: none;
+  text-transform: none;
+  font-style: italic;
+  font-weight: normal;
+  color: black;
+  font-size: 1.1em;
+  line-height: 120%;
+}
+
+.widget__title {
+  font-family: Lato;
+  padding-bottom: 3px;
+  border-bottom-width: 1px;
+  display: inline-block;
+}
+
+.divider {
+  background-color: lightgrey;
+  height: 1px;
+}
+
+.btn {
+  font-family: Lato;
+  background-color: #dddddd;
+  color: #444444;
+}