Update custom.css

Better use of profile area, less vertical waste and centers text by image. Also limits the size of logo without clipping or forcing to a new line if it's too large (as I just experienced).

build/css/custom.css

@@ -184,6 +184,10 @@ html , body{
     padding: 5px 6px;
     border-radius: 50%
 }
+.site_title img {
+    max-height: 66px;
+    max-width: 180px;
+}
 .nav-sm .main_container .top_nav {
     display: block;
     margin-left: 70px;
@@ -262,12 +266,12 @@ html , body{
     margin-left: 15%;
     z-index: 1000;
     position: inherit;
-    margin-top: 20px;
+    margin-top: 10px;
     border: 1px solid rgba(52, 73, 94, 0.44);
     padding: 4px
 }
 .profile_info {
-    padding: 25px 10px 10px;
+    padding: 10px;
     width: 65%;
     float: left
 }
@@ -1224,7 +1228,7 @@ table.tile_info td:first-child {
     width: 83%
 }
 td span {
-    line-height: 28px
+    line-height: inherit
 }
 .sidebar-widget {
     overflow: hidden