Several changes to contact section

* Fixed distorted profile picture
* Fixed styling of links
* Added links
* Replaced Riot.IM logo with Matrix logo
* Removed some obsolete code

css/layout.css

@@ -917,7 +917,18 @@ call-to-action .button {
    vertical-align: middle;
    text-align: right;
    display: inline-block;
+}
 
+#contact li a { 
+    color: #B2B6BA;
+}
+
+#contact li a:hover { 
+    color: #B2B6BA;
+}
+
+#contact li a:visited { 
+    color: #B2B6BA;
 }
 
 #row-businesscard {
@@ -961,6 +972,10 @@ call-to-action .button {
    box-shadow: 10px 20px 25px -13px rgba(0,0,0,0.75);
 }
 
+#contact .contact-left a:hover {
+    color: #303029;
+}
+
 #contact-social-list > li {
     margin: 0px 10px;
 }
@@ -968,16 +983,6 @@ call-to-action .button {
     text-align: center;
     color: #0F0F0F;
 } 
-#contact-social-list a {
-    color: #0F0F0F;
-} 
-#contact-social-list a:visited {
-    color: #0F0F0F;
-} 
-#contact-social-list a:hover {
-    color: #0F0F0F;
-} 
-
 #contact .businesscard {
    margin-top: 30px;
 }
@@ -998,12 +1003,11 @@ call-to-action .button {
    margin-left: 12px;
 }
 
-#contact-riot-logo {
+#contact-matrix-logo {
    width: 30px;
    height: 30px;
-   background: #303030 url(../images/riot.svg);
+   background: #303030 url(../images/matrix.svg);
    vertical-align: top;
-   margin-left: -5px;
    margin-bottom: 5px;
    float: left;
 }
@@ -1086,6 +1090,10 @@ call-to-action .button {
         margin-left: 0%;
     }
 
+    #contact .contact-left a:hover {
+        color: #B2B6BA;
+    }
+
     #row-businesscard {
         display: block;
         margin: 0 8% 0 8%;
@@ -1125,10 +1133,6 @@ call-to-action .button {
         margin-bottom: 5px;
     }
 
-    #contact li a{
-        color: #fff !important;
-    }
-
     #contact .contact-fa {
        font-size: 18px;
        vertical-align: top;