use asset for Services logo

_src/_assets/styles/_page-services.scss

@@ -36,13 +36,9 @@
 }
 
 .hero--services {
-    .logo-services {
-        margin-bottom: $spacer;
-
-        .logo,
-        .logo-services--text {
-            opacity: .75;
-        }
+    .logo--services {
+        display: inline-block;
+        opacity: .75;
     }
 
     .hero__subtitle {

_src/_assets/styles/_sections/_section-cta-services.scss

@@ -5,7 +5,7 @@
         padding-bottom: $spacer * 7;
     }
 
-    .logo-services {
+    .logo--services {
         margin-bottom: $spacer;
         transform: scale(.8);
         transform-origin: left;

_src/_assets/styles/bigchain/_logo.scss

@@ -45,32 +45,3 @@
     width: 100%;
     height: auto;
 }
-
-
-.logo-services {
-    .logo {
-        @extend .logo--sm;
-        display: inline-block;
-        color: $brand-main-blue-light;
-        fill: $brand-main-blue-light;
-    }
-}
-
-.logo-services--text {
-    font-size: $font-size-h3 * 1.1;
-    display: inline-block;
-    color: $brand-main-blue-light;
-    padding-left: $spacer;
-    position: relative;
-    top: -3px;
-
-    &:before {
-        content: '';
-        position: absolute;
-        left: $spacer / 3;
-        width: 1px;
-        height: 100%;
-        background: $brand-main-violet;
-        display: block;
-    }
-}

_src/_includes/sections/section-cta-services.html

@@ -2,13 +2,10 @@
     <div class="row">
         <header class="section-header">
 
-            <div class="logo-services">
-                <svg class="logo" aria-labelledby="title">
-                    <title>Logo</title>
-                    <use xlink:href="/assets/img/sprite.svg#logo"></use>
-                </svg>
-                <span class="logo-services--text">Services</span>
-            </div>
+            <svg class="logo logo--services" aria-labelledby="title">
+                <title>Logo BigchainDB Services</title>
+                <use xlink:href="/assets/img/sprite.svg#logo-services"></use>
+            </svg>
 
             <h1 class="section-title">Hands-on consulting and production support by blockchain experts.</h1>
         </header>

_src/services.html

@@ -84,12 +84,9 @@ contact:
 
     <div class="hero__content row">
         <hgroup>
-            <div class="logo-services">
-                <svg class="logo logo--white">
-                    <use xlink:href="/assets/img/sprite.svg#logo"></use>
-                </svg>
-                <span class="logo-services--text">Services</span>
-            </div>
+            <svg class="logo logo--services logo--white">
+                <use xlink:href="/assets/img/sprite.svg#logo-services"></use>
+            </svg>
             <h1 class="hero__title">{{ page.hero.title }}</h1>
             <h2 class="hero__subtitle">{{ page.hero.description }}</h2>