Adds php-vcr logo and changes header style.

Author: adri

_includes/header.html

@@ -2,7 +2,7 @@
     <div class="w-container">
       <div class="w-row">
         <div class="w-col w-col-4 company-column">
-        <a class="company" href="/">PHP-VCR </a>
+          <a class="company" href="/"><img class="logo" src="img/php-vcr-logo.png" width="150" alt="PHP-VCR"></a>
         </div>
         <div class="w-col w-col-8 nav-column">
           <a class="nav-link" href="/#page-nav-What" target="_self">What?</a>

css/_phpvcr.webflow.scss

@@ -1,6 +1,6 @@
 body {
   padding-top: 50px;
-  background-image: url(../img/phpvcr-bg.jpg);
+  background-image: url('../img/phpvcr-bg.jpg');
   font-family: Arial, Helvetica, sans-serif;
   color: #848999;
   font-size: 12px;
@@ -78,7 +78,7 @@ img {
   -o-transition: all 200ms ease;
   transition: all 200ms ease;
 }
-.button:hover.nav:hover {
+.button.nav:hover {
   background-color: #9299ad;
 }
 .button.copy {
@@ -93,7 +93,7 @@ img {
   -o-transition: all 500ms ease;
   transition: all 500ms ease;
 }
-.button:hover.copy:hover {
+.button.copy:hover {
   background-color: rgba(107, 112, 128, 0.93);
 }
 .button.header-button {
@@ -114,8 +114,8 @@ img {
   margin-bottom: 0px;
   padding-top: 5px;
   padding-bottom: 5px;
-  background-color: rgba(236, 230, 216, 0.94);
-  box-shadow: rgba(56, 55, 51, 0.22) 0px 1px 6px -1px, rgba(255, 255, 255, 0.49) 0px -1px 9px 0px inset;
+  background-color: rgba(46, 50, 61, 0.94);
+  box-shadow: rgba(56, 55, 51, 0.92) 0px 1px 6px -1px;
 }
 .section.hero {
   padding-top: 20px;
@@ -125,6 +125,7 @@ img {
 .section.grey {
   margin-bottom: 3px;
   padding-top: 78px;
+  padding-bottom: 8px;
   background-color: #ece6d8;
   text-align: center;
 }
@@ -135,13 +136,12 @@ img {
   padding-bottom: 20px;
   text-align: center;
 }
-a.company {
+.company {
   display: inline-block;
   font-family: Montserrat, sans-serif;
   color: #2e323d;
   font-size: 31px;
   font-weight: 700;
-  text-decoration: none;
 }
 .nav-link {
   margin-right: 11px;
@@ -312,7 +312,7 @@ a.company {
   padding-bottom: 12px;
   border-radius: 10px;
   background-color: rgba(236, 230, 216, 0.94);
-  box-shadow: rgba(56, 55, 51, 0.22) 0px -1px 6px -1px, rgba(255, 255, 255, 0.49) 0px -1px 9px 0px inset;
+  box-shadow: rgba(56, 55, 51, 0.21) 0px -1px 6px -1px, rgba(255, 255, 255, 0.49) 0px -1px 9px 0px inset;
 }
 .article {
   padding-left: 25px;
@@ -334,6 +334,9 @@ a.company {
   color: white;
   text-align: left;
 }
+.logo {
+  margin-top: -5px;
+}
 @media (max-width: 991px) {
   .button.nav {
     margin-left: 11px;