updating site branding to new logo and colors (#37)

Signed-off-by: vsoch <vsoch@users.noreply.github.com>
Co-authored-by: vsoch <vsoch@users.noreply.github.com>

Author: vsoch

_includes/navbar.html

@@ -1,7 +1,7 @@
 <!-- Navigation, see links in _config.yml-->
 <nav class="navbar navbar-expand-lg navbar-light fixed-top navbar-custom" id="mainNav">
   <div class="container-fluid">
-   <a class="navbar-brand navbar-brand-logo" href="https://us-rse.org"><img id="logo" alt="logo" src="{{ site.baseurl }}/assets/img/logo-transparent.svg" style="width:150px"></a>
+   <a class="navbar-brand navbar-brand-logo" href="https://us-rse.org/blog"><img id="logo" alt="logo" src="{{ site.baseurl }}/assets/img/main_logo_transparent.png" style="height: 180px; padding-top: 65px; padding-left: 15px"></a>
       <a class="navbar-brand" href="{{"/" | relative_url }}">{{ site.title | escape }}
       </a>
     <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">

assets/img/favicon/favicon.ico

@@ -74,29 +74,38 @@ img::-moz-selection {
   top: 1px !important;}
 }
 
+@media only screen and (max-width: 992px) {
+  #logo {display: none;}
+}
+
 #mainNav {
   position: absolute;
   border-bottom: 1px solid #e9ecef;
-  background-image: url("img/rse-transport-light.png") !important;
+  background-color: #741755 !important;
+  height: 50px;
   font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; }
   #mainNav .btn {
-    color: white;}
+    color: white;
+    font-weight: 400;
+    font-family: -apple-system,BlinkMacSystemFont,"Roboto","Segoe UI","Helvetica Neue","Lucida Grande",Arial,sans-serif;
+  }
   #mainNav .btn-default {
     color: black;}
   #mainNav .navbar-brand {
-    font-weight: 800;
-    color: white; }
+    color: white; 
+    font-weight: 400;
+    font-family: -apple-system,BlinkMacSystemFont,"Roboto","Segoe UI","Helvetica Neue","Lucida Grande",Arial,sans-serif;
+  }
   #mainNav .navbar-toggler {
-    font-size: 12px;
+    font-size: 18px;
     font-weight: 800;
     padding: 13px;
-    text-transform: uppercase;
     color: white; }
   #mainNav .navbar-nav > li.nav-item > a {
-    font-size: 12px;
+    font-size: 18px;
     font-weight: 800;
     letter-spacing: 1px;
-    text-transform: uppercase; }
+  }
   @media only screen and (min-width: 992px) {
     #mainNav {
       border-bottom: 1px solid transparent;
@@ -310,11 +319,10 @@ footer {
     text-align: center; }
 
 .btn {
-  font-size: 14px;
+  font-size: 18px;
   font-weight: 800;
   padding: 15px 25px;
   letter-spacing: 1px;
-  text-transform: uppercase;
   border-radius: 0;
   font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; }