Various Changes

- Implemented contact-me form
- Added social icons using font-awesome
- Changed font
- Added favicon
- Changed site logo from png to svg

www/themes/jason-williamsca/assets/css/theme.css

@@ -1,9 +1,20 @@
+:root {
+    --main-bg-color: #E7D9D1; /*#F0E4D1; #E8D5B5; #e7d9d1;*/
+    --main-accent-color: #302b44;
+    --light-accent-color: #686283;
+    --alt-accent-color: #B05C71; /*#990F3D;*/
+    --dark-alt-accent-color: #913A50;
+    --title-font: 'Cinzel', serif;
+    --body-font: 'Raleway', sans-serif;
+}
+
 html, body { height: 100%; }
 
 body {
-    background-color: #ccfff3;
-    font-family: roboto,sans-serif;
-    color: #302b44;
+    background-color: var(--main-bg-color);
+    font-family: var(--body-font);
+    font-weight: 500;
+    color: var(--main-accent-color);
 }
 
 #page-content {
@@ -12,11 +23,11 @@ body {
 
 footer {
     flex-shrink: 0;
-    background-color: #302b44;
+    background-color: var(--main-accent-color);
 }
 
 footer p, footer ul li {
-    color: #686283;
+    color: var(--light-accent-color);
     font-size: 0.8rem;
 }
 
@@ -25,6 +36,10 @@ footer ul {
     padding-left: 20px;
 }
 
+h1, h2, h3, h4 {
+    font-weight: 500;
+}
+
 .container-fluid {
     padding-left: 5%;
     padding-right: 5%;
@@ -38,9 +53,52 @@ footer ul {
 .navbar-brand {
     height: 75px;
     padding-left: 100px;
-    font-family: cinzel,serif;
+    font-family: var(--title-font);
     font-size: 2.5rem;
-    background-image: url('../images/jwlogo.png');
+    background-image: url('../images/jwlogo.svg');
     background-repeat: no-repeat;
-    color: #302b44;
-}
+    color: var(--main-accent-color);
+}
+
+.navbar-light .navbar-nav .nav-link {
+    text-decoration: none;
+}
+
+.navbar-light .navbar-nav .nav-link:hover {
+    color: var(--alt-accent-color);
+}
+
+.social-icons {
+    font-size: 0;
+}
+
+.social-icons a {
+    display: inline-block;
+    height: 3.5rem;
+    width: 3.5rem;
+    background-color: var(--main-accent-color);
+    color: var(--main-bg-color);
+    text-align: center;
+    font-size: 1.5rem;
+    line-height: 3.5rem;
+    margin-right: 0.25rem;
+    margin-bottom: 0.25rem;
+}
+
+.social-icons a:last-child {
+  margin-right: 0;
+}
+
+.social-icons a:hover {
+    background-color: var(--dark-alt-accent-color);
+    color: #fff;
+}
+
+a {
+    color: var(--alt-accent-color);
+    text-decoration: underline;
+}
+
+a:hover {
+    color: var(--dark-alt-accent-color);
+    text-decoration: none;