diff --git a/_includes/header.html b/_includes/header.html
index d1877f3..90591c9 100644
--- a/_includes/header.html
+++ b/_includes/header.html
@@ -8,7 +8,7 @@
       <div class="top-bar show-for-medium" >
         <div class="top-bar-left">
           <ul class="medium-horizontal menu">
-            <li class="menu-text"><a href="{{ site.url }}">dkdeploy</a></li>
+            <li class="menu-text"><a href="{{ site.url }}"><img title="dkdeploy" alt="dkdeploy" src="/assets/images/3056-73126-dkdeploy-logo.svg"></a></li>
             {% for nav in site.data.navigation %}
               {% if page.section == nav.section %}
                 {% assign active = "active" %}
@@ -24,7 +24,7 @@
     </div>
   </div> <!-- end sticky-container -->
   <ul id="mobile-navigation" class="hide-for-medium vertical menu" data-responsive-menu="small-dropdown">
-    <li class="menu-text"><a href="/">dkdeploy</a></li>
+    <li class="menu-text"><a href="/"><img style="height: 24px; margin-left: -17px" src="/assets/images/3056-73126-dkdeploy-logo.svg"></a></li>
     {% for nav in site.data.navigation %}
       {% if page.section == nav.section %}
         {% assign active = "active" %}
@@ -36,7 +36,12 @@
   </ul>
 </header>
 <div class="callout large primary">
-  <div class="row column">
-    <h1>{{ page.title || "No Title"}}</h1>
-  </div>
+    {% if page.layout == 'startpage' } %}
+      <div class="logo-wrapper">
+        <img title="dkdeploy" alt="dkdeploy" src="/assets/images/3056-73126-dkdeploy-logo.svg">
+      </div>
+      <h1><span>{{ page.title }}</span></h1>
+    {% else %}
+      <h1>{{ page.title || "No Title"}}</h1>
+    {% endif %}
 </div>
diff --git a/assets/css/app.css b/assets/css/app.css
index 49dc4f9..fc3ec6c 100644
--- a/assets/css/app.css
+++ b/assets/css/app.css
@@ -447,11 +447,11 @@ img {
 textarea {
   height: auto;
   min-height: 50px;
-  border-radius: 0; }
+  border-radius: 3px; }
 
 select {
   width: 100%;
-  border-radius: 0; }
+  border-radius: 3px; }
 
 #map_canvas img,
 #map_canvas embed,
@@ -470,7 +470,7 @@ button {
   background: transparent;
   padding: 0;
   border: 0;
-  border-radius: 0;
+  border-radius: 3px;
   line-height: 1; }
   [data-whatinput='mouse'] button {
     outline: 0; }
@@ -1267,7 +1267,7 @@ h6 {
   font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
   font-weight: bold;
   font-style: normal;
-  color: inherit;
+  color: #482718;
   text-rendering: optimizeLegibility;
   margin-top: 0;
   margin-bottom: 0.5rem;
@@ -1393,7 +1393,8 @@ kbd {
   margin: 0;
   background-color: #e6e6e6;
   color: #0a0a0a;
-  font-family: Consolas, "Liberation Mono", Courier, monospace; }
+  font-family: Consolas, "Liberation Mono", Courier, monospace;
+  border-radius: 3px; }
 
 .subheader {
   margin-top: 0.2rem;
@@ -1515,7 +1516,7 @@ kbd {
   transition: background-color 0.25s ease-out, color 0.25s ease-out;
   vertical-align: middle;
   border: 1px solid transparent;
-  border-radius: 0;
+  border-radius: 3px;
   padding: 0.85em 1em;
   margin: 0 0 1rem 0;
   font-size: 0.9rem;
@@ -1644,7 +1645,7 @@ textarea {
   color: #0a0a0a;
   background-color: #fefefe;
   box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1);
-  border-radius: 0;
+  border-radius: 3px;
   transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
   -webkit-appearance: none;
   -moz-appearance: none; }
@@ -1685,7 +1686,7 @@ textarea[readonly] {
 
 [type='submit'],
 [type='button'] {
-  border-radius: 0;
+  border-radius: 3px;
   -webkit-appearance: none;
   -moz-appearance: none; }
 
@@ -1737,9 +1738,9 @@ label {
   width: 100%;
   margin-bottom: 1rem; }
   .input-group > :first-child {
-    border-radius: 0 0 0 0; }
+    border-radius: 3px 0 0 3px; }
   .input-group > :last-child > * {
-    border-radius: 0 0 0 0; }
+    border-radius: 0 3px 3px 0; }
 
 .input-group-label, .input-group-field, .input-group-button {
   margin: 0;
@@ -1808,7 +1809,7 @@ select {
   line-height: normal;
   color: #0a0a0a;
   background-color: #fefefe;
-  border-radius: 0;
+  border-radius: 3px;
   -webkit-appearance: none;
   -moz-appearance: none;
   background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='32' height='24' viewBox='0 0 32 24'><polygon points='0,0 32,0 16,24' style='fill: rgb%2851, 51, 51%29'></polygon></svg>");
@@ -1955,10 +1956,10 @@ select {
   margin-left: 0; }
 
 .accordion-item:first-child > :first-child {
-  border-radius: 0 0 0 0; }
+  border-radius: 3px 3px 0 0; }
 
 .accordion-item:last-child > :last-child {
-  border-radius: 0 0 0 0; }
+  border-radius: 0 0 3px 3px; }
 
 .accordion-title {
   display: block;
@@ -1970,7 +1971,7 @@ select {
   border: 1px solid #e6e6e6;
   border-bottom: 0; }
   :last-child:not(.is-active) > .accordion-title {
-    border-radius: 0 0 0 0;
+    border-radius: 0 0 3px 3px;
     border-bottom: 1px solid #e6e6e6; }
   .accordion-title:hover, .accordion-title:focus {
     background-color: #e6e6e6; }
@@ -2174,7 +2175,7 @@ select {
   margin: 0 0 1rem 0;
   padding: 1rem;
   border: 0px solid rgba(10, 10, 10, 0.25);
-  border-radius: 0;
+  border-radius: 3px;
   position: relative;
   color: #0a0a0a;
   background-color: white; }
@@ -2273,7 +2274,7 @@ select {
 .dropdown-pane {
   background-color: #fefefe;
   border: 1px solid #cacaca;
-  border-radius: 0;
+  border-radius: 3px;
   display: block;
   font-size: 1rem;
   padding: 1rem;
@@ -2557,7 +2558,7 @@ select {
   line-height: 1;
   white-space: nowrap;
   cursor: default;
-  border-radius: 0;
+  border-radius: 3px;
   background: #97af05;
   color: #fefefe; }
   .label.secondary {
@@ -2868,7 +2869,7 @@ body {
   .pagination li {
     font-size: 0.875rem;
     margin-right: 0.0625rem;
-    border-radius: 0;
+    border-radius: 3px;
     display: none; }
     .pagination li:last-child, .pagination li:first-child {
       display: inline-block; }
@@ -2880,7 +2881,7 @@ body {
     color: #0a0a0a;
     display: block;
     padding: 0.1875rem 0.625rem;
-    border-radius: 0; }
+    border-radius: 3px; }
     .pagination a:hover,
     .pagination button:hover {
       background: #e6e6e6; }
@@ -2916,7 +2917,7 @@ body {
   background-color: #cacaca;
   height: 1rem;
   margin-bottom: 1rem;
-  border-radius: 0; }
+  border-radius: 3px; }
   .progress.primary .progress-meter {
     background-color: #97af05; }
   .progress.secondary .progress-meter {
@@ -2933,7 +2934,8 @@ body {
   display: block;
   width: 0%;
   height: 100%;
-  background-color: #97af05; }
+  background-color: #97af05;
+  border-radius: 3px; }
 
 .progress-meter-text {
   position: absolute;
@@ -2946,7 +2948,8 @@ body {
   font-size: 0.75rem;
   font-weight: bold;
   color: #fefefe;
-  white-space: nowrap; }
+  white-space: nowrap;
+  border-radius: 3px; }
 
 .slider {
   position: relative;
@@ -2989,7 +2992,7 @@ body {
   transition: all 0.2s ease-in-out;
   -ms-touch-action: manipulation;
       touch-action: manipulation;
-  border-radius: 0; }
+  border-radius: 3px; }
   [data-whatinput='mouse'] .slider-handle {
     outline: 0; }
   .slider-handle:hover {
@@ -3074,7 +3077,7 @@ html.is-reveal-open body {
   padding: 1rem;
   border: 1px solid #cacaca;
   background-color: #fefefe;
-  border-radius: 0;
+  border-radius: 3px;
   position: relative;
   top: 100px;
   margin-left: auto;
@@ -3163,7 +3166,7 @@ html.is-reveal-open body {
   width: 4rem;
   height: 2rem;
   transition: all 0.25s ease-out;
-  border-radius: 0;
+  border-radius: 3px;
   color: inherit;
   font-weight: inherit; }
   input + .switch-paddle {
@@ -3179,7 +3182,7 @@ html.is-reveal-open body {
     width: 1.5rem;
     transition: all 0.25s ease-out;
     transform: translate3d(0, 0, 0);
-    border-radius: 0; }
+    border-radius: 3px; }
   input:checked ~ .switch-paddle {
     background: #97af05; }
     input:checked ~ .switch-paddle::after {
@@ -3243,7 +3246,7 @@ html.is-reveal-open body {
 table {
   width: 100%;
   margin-bottom: 1rem;
-  border-radius: 0; }
+  border-radius: 3px; }
   table thead,
   table tbody,
   table tfoot {
@@ -3363,7 +3366,7 @@ table.hover tr:nth-of-type(even):hover {
   line-height: 0;
   max-width: 100%;
   transition: box-shadow 200ms ease-out;
-  border-radius: 0;
+  border-radius: 3px;
   margin-bottom: 1rem; }
   .thumbnail:hover, .thumbnail:focus {
     box-shadow: 0 0 6px 1px rgba(151, 175, 5, 0.5); }
@@ -3430,7 +3433,7 @@ table.hover tr:nth-of-type(even):hover {
   z-index: 10;
   top: calc(100% + 0.6495rem);
   max-width: 10rem !important;
-  border-radius: 0; }
+  border-radius: 3px; }
   .tooltip::before {
     content: '';
     display: block;
@@ -5120,35 +5123,45 @@ table.hover tr:nth-of-type(even):hover {
   font-size: 14px;
   font-weight: bold; }
 
-.startpage .callout.large {
-  background: transparent; }
-
 .startpage header .top-bar,
 .startpage header .top-bar ul {
   background: transparent;
   border-width: 0; }
 
-.startpage .top-bar-left .menu > li {
-  border-right: 0px solid #97af05; }
-  .startpage .top-bar-left .menu > li.active {
-    background-color: transparent; }
-    .startpage .top-bar-left .menu > li.active a {
-      color: white;
-      background-color: white;
-      border-radius: 3px; }
-  .startpage .top-bar-left .menu > li a {
-    margin-right: 1em;
-    border-radius: 3px;
-    color: white;
-    border-color: white; }
-    .startpage .top-bar-left .menu > li a.active, .startpage .top-bar-left .menu > li a:hover, .startpage .top-bar-left .menu > li a:active, .startpage .top-bar-left .menu > li a:focus {
+.startpage .top-bar-left {
+  margin-top: 1em; }
+  .startpage .top-bar-left .menu-text {
+    display: none; }
+  .startpage .top-bar-left .menu > li {
+    border-right: 0px solid #97af05; }
+    .startpage .top-bar-left .menu > li.active {
+      background-color: transparent; }
+      .startpage .top-bar-left .menu > li.active a {
+        color: white;
+        background-color: white;
+        border-radius: 3px; }
+    .startpage .top-bar-left .menu > li a {
       margin-right: 1em;
-      color: #737373;
-      background-color: white;
       border-radius: 3px;
+      color: white;
       border-color: white; }
+      .startpage .top-bar-left .menu > li a.active, .startpage .top-bar-left .menu > li a:hover, .startpage .top-bar-left .menu > li a:active, .startpage .top-bar-left .menu > li a:focus {
+        margin-right: 1em;
+        color: #737373;
+        background-color: white;
+        border-radius: 3px;
+        border-color: white; }
 
 /*  Top bar left */
+#content .top-bar-left .medium-horizontal .menu-text a {
+  border-color: white; }
+  #content .top-bar-left .medium-horizontal .menu-text a img {
+    height: 15px; }
+  #content .top-bar-left .medium-horizontal .menu-text a:hover {
+    border-color: #97af05;
+    transition: border-color 0.3s ease-out;
+    background: none; }
+
 .top-bar-left .menu > li {
   border-right: 0px solid #97af05; }
   .top-bar-left .menu > li.active {
@@ -5178,6 +5191,8 @@ table.hover tr:nth-of-type(even):hover {
     margin-top: auto; }
 
 @media screen and (max-width: 39.9375em) {
+  #mobile-navigation {
+    background: #fff; }
   .top-bar-left .menu li a {
     width: 100%;
     margin: 0; } }
@@ -5330,6 +5345,27 @@ footer .row {
   .startpage footer .row {
     background: transparent; }
 
+html {
+  height: 100%; }
+
+body {
+  height: 100%;
+  margin: 0;
+  background-repeat: no-repeat;
+  background-attachment: fixed; }
+
+body {
+  background: #c2e59c;
+  /* fallback for old browsers */
+  /* Chrome 10-25, Safari 5.1-6 */
+  background: linear-gradient(to left, #f4f4f4, #e9e9e9);
+  /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */ }
+
+#content {
+  background: white; }
+  #content .callout:first-child {
+    border-width: 0px; }
+
 ul.menu li.active {
   background: #e9e9e9; }
 
@@ -6389,27 +6425,6 @@ ul.menu li.active {
 .slideOutUp {
   animation-name: slideOutUp; }
 
-html {
-  height: 100%; }
-
-body {
-  height: 100%;
-  margin: 0;
-  background-repeat: no-repeat;
-  background-attachment: fixed; }
-
-body {
-  background: #c2e59c;
-  /* fallback for old browsers */
-  /* Chrome 10-25, Safari 5.1-6 */
-  background: linear-gradient(to left, #f4f4f4, #e9e9e9);
-  /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */ }
-
-#content {
-  background: white; }
-  #content .callout:first-child {
-    border-width: 0px; }
-
 body.startpage {
   background: #c2e59c;
   /* fallback for old browsers */
@@ -6418,6 +6433,33 @@ body.startpage {
   /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */ }
   body.startpage #content {
     background: transparent; }
+  body.startpage .callout.large.primary {
+    background: none;
+    border-radius: 3px;
+    padding-top: 1rem;
+    padding-bottom: 1rem; }
+    @media screen and (max-width: 39.9375em) {
+      body.startpage .callout.large.primary {
+        border-radius: 0; }
+        body.startpage .callout.large.primary h1 {
+          display: block;
+          font-size: 0.8rem;
+          margin-top: 20px !important; } }
+    body.startpage .callout.large.primary h1 {
+      color: #482718;
+      margin-left: 2em;
+      margin-top: 0.5em; }
+      body.startpage .callout.large.primary h1 span {
+        padding: 10px;
+        background: rgba(255, 255, 255, 0.75);
+        border-radius: 3px; }
+    body.startpage .callout.large.primary .logo-wrapper {
+      padding: 10px;
+      background: rgba(255, 255, 255, 0.8);
+      display: inline-block;
+      border-radius: 3px; }
+      body.startpage .callout.large.primary .logo-wrapper img {
+        height: 52px; }
   body.startpage .card-1 .inner {
     background: rgba(255, 255, 255, 0.8); }
   body.startpage .card-2 .inner {
@@ -6427,6 +6469,9 @@ body.startpage {
   body.startpage .inner {
     padding: 0.625rem;
     border-radius: 3px; }
+    @media screen and (max-width: 39.9375em) {
+      body.startpage .inner {
+        border-radius: 0; } }
     body.startpage .inner h3 {
       margin-top: 0; }
   body.startpage .hero-content {
@@ -6629,11 +6674,6 @@ body.startpage {
 #toc-container {
   margin-bottom: 10px; }
 
-.startpage .callout.large.primary {
-  background: transparent !important;
-  color: rgba(255, 255, 255, 0.9);
-  border-width: 0 !important; }
-
 .callout.primary:before {
   content: "\f15e";
   font-family: "foundation-icons";
diff --git a/assets/images/3056-73126-dkdeploy-logo.svg b/assets/images/3056-73126-dkdeploy-logo.svg
new file mode 100644
index 0000000..20fff9b
--- /dev/null
+++ b/assets/images/3056-73126-dkdeploy-logo.svg
@@ -0,0 +1,32 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 20.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 100 26" style="enable-background:new 0 0 100 26;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#472718;}
+	.st1{fill:#A3BD01;}
+</style>
+<g>
+	<g>
+		<g>
+			<path class="st0" d="M54.4,7.1h3.1v1.7l0,0c0.7-1.2,2-2.1,3.8-2.1c3.8,0,5.3,3.1,5.3,6.4c0,3.4-1.5,6.5-5.3,6.5
+				c-1.5,0-2.5-0.4-3.6-1.7l0,0v6.4h-3.3C54.4,24.2,54.4,7.1,54.4,7.1z M57.6,13.3c0,1.7,0.6,4,2.8,4c2.1,0,2.7-2.3,2.7-4
+				c0-1.6-0.5-3.9-2.7-3.9C58.5,9.4,57.6,11.6,57.6,13.3z"/>
+			<path class="st0" d="M68.4,1.4h3.3v18.1h-3.3V1.4z"/>
+			<path class="st0" d="M79.9,6.8c3.7,0,6.5,2.4,6.5,6.5c0,3.6-2.5,6.4-6.5,6.4c-4.2,0-6.4-2.8-6.4-6.4C73.3,9.3,76.1,6.8,79.9,6.8z
+				 M79.9,17.3c2.5,0,3.2-2.2,3.2-4.3c0-1.8-1-3.7-3.2-3.7c-2.1,0-3.2,1.8-3.2,3.7C76.7,15,77.3,17.3,79.9,17.3z"/>
+			<path class="st0" d="M92.6,16.1L92.6,16.1l3.1-9.1H99l-4.7,12.2c-1,2.7-1.7,5.4-5.1,5.4c-0.7,0-1.5-0.1-2.3-0.4l0.2-2.4
+				c0.5,0.1,0.9,0.2,1.6,0.2c1.3,0,2.1-0.9,2.1-2.2L86,6.8h3.6L92.6,16.1z"/>
+		</g>
+		<path class="st1" d="M10.1,18L10.1,18c-1,1.2-2.3,1.6-3.8,1.6c-3.8,0-5.3-3.1-5.3-6.5s1.5-6.4,5.3-6.4c1.6,0,2.7,0.5,3.7,1.7l0,0
+			V1.3h3.3v18.1h-3.2V18z M7.1,17.1c2.2,0,2.8-2.3,2.8-4S9.2,9.1,7,9.1c-2.1,0-2.7,2.3-2.7,3.9C4.4,14.8,4.9,17.1,7.1,17.1z"/>
+		<path class="st1" d="M15.2,1.3h3.3v10.5l0,0l3.8-5h3.8l-4.5,5.5l5.3,6.9h-4.2l-4.2-6l0,0v6h-3.3C15.2,19.3,15.2,1.3,15.2,1.3z"/>
+		<path class="st1" d="M30.3,11.6c0.4-1.3,1-2.4,2.5-2.4c1.5,0,2.3,1.2,2.7,2.4H39V1.3h-3.3v7.1l0,0c-1-1.2-2.1-1.7-3.7-1.7
+			c-3.3,0-4.7,2.2-5.1,4.9L30.3,11.6L30.3,11.6z"/>
+	</g>
+	<path class="st0" d="M53.9,16.2l-4.4-0.1l0.4,1c-0.7,0.2-1.3,0.4-2.2,0.4c-2.1,0-3.4-1.1-3.4-3.1h6.9h1.7c0-4.4-1.3-7.5-5.9-7.5
+		c-3.4,0-5.3,2.2-5.6,5.3H26.8c0,0.4,0,0.6,0,1c0,3.4,1.5,6.5,5.3,6.5c1.5,0,2.8-0.5,3.8-1.6v1.5H39V15h-3.4
+		c-0.4,1.3-1.1,2.4-2.6,2.4c-1.6,0-2.5-1.5-2.6-2.8h10.9c0.4,3.4,2.6,5.4,6.4,5.4c1.2,0,2.3-0.1,3.2-0.5l0.4,0.9L53.9,16.2z
+		 M47.1,9.1c1.8,0,2.5,1.5,2.6,2.9h-5.4C44.4,10.4,45.2,9.1,47.1,9.1z"/>
+</g>
+</svg>
diff --git a/foundation/scss/_base.scss b/foundation/scss/_base.scss
index f3ed3ab..24f2700 100644
--- a/foundation/scss/_base.scss
+++ b/foundation/scss/_base.scss
@@ -1,3 +1,23 @@
+html {
+    height: 100%;
+}
+body {
+    height: 100%;
+    margin: 0;
+    background-repeat: no-repeat;
+    background-attachment: fixed;
+}
+body {
+  background: #c2e59c; /* fallback for old browsers */
+  background: -webkit-linear-gradient(to left, #f4f4f4 , #e9e9e9); /* Chrome 10-25, Safari 5.1-6 */
+  background: linear-gradient(to left, #f4f4f4 , #e9e9e9); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
+}
+#content {
+  background: white;
+  .callout:first-child {
+    border-width: 0px;
+  }
+}
 
 ul.menu li.active {
   background: #e9e9e9;
diff --git a/foundation/scss/_callout.scss b/foundation/scss/_callout.scss
index 9ed4d12..1df6b9b 100644
--- a/foundation/scss/_callout.scss
+++ b/foundation/scss/_callout.scss
@@ -1,11 +1,3 @@
-// Startpage
-
-.startpage .callout.large.primary {
-  background: transparent !important;
-  color: rgba(255, 255, 255, 0.9);
-  border-width: 0 !important;
-}
-
 .callout {
   &.primary {
     &:before {
diff --git a/foundation/scss/_navigation.scss b/foundation/scss/_navigation.scss
index 9b20a25..7700b8e 100644
--- a/foundation/scss/_navigation.scss
+++ b/foundation/scss/_navigation.scss
@@ -29,9 +29,7 @@
 }
 
 .startpage {
-  .callout.large {
-    background: transparent;
-  }
+
   header {
     .top-bar,
     .top-bar ul{
@@ -41,6 +39,10 @@
   }
 
   .top-bar-left {
+    margin-top: 1em;
+    .menu-text {
+      display: none;
+    }
     .menu > li {
       border-right: 0px solid $primary-color;
       &.active {
@@ -76,7 +78,23 @@
   
 }
 /*  Top bar left */
+#content .top-bar-left {
+  .medium-horizontal {
+    .menu-text a{
+      border-color: white;
+      img {
+        height: 15px;;
+      }
+      &:hover {
+        border-color: $primary-color;
+        transition: border-color 0.3s ease-out;
+        background: none;
+      }
+    }
+  }
+}
 .top-bar-left {
+
   .menu > li {
     border-right: 0px solid $primary-color;
     &.active {
@@ -125,9 +143,10 @@
 }
 
 @include breakpoint(small only) {
-  .top-bar-left .menu > li.active a {
-
+  #mobile-navigation {
+    background: #fff;
   }
+
   .top-bar-left .menu li a{
     width: 100%;
     margin: 0;
diff --git a/foundation/scss/_settings.scss b/foundation/scss/_settings.scss
index cd7386c..54f9b8c 100644
--- a/foundation/scss/_settings.scss
+++ b/foundation/scss/_settings.scss
@@ -65,7 +65,7 @@ $global-margin: 1rem;
 $global-padding: 1rem;
 $global-weight-normal: normal;
 $global-weight-bold: bold;
-$global-radius: 0;
+$global-radius: 3px;
 $global-text-direction: ltr;
 
 // 2. Breakpoints
@@ -117,7 +117,7 @@ $header-sizes: (
     'h6': 13,
   ),
 );
-$header-color: inherit;
+$header-color: rgba(72, 39, 24, 1.0); //#2D2115;
 $header-lineheight: 1.4;
 $header-margin-bottom: 0.5rem;
 $header-text-rendering: optimizeLegibility;
diff --git a/foundation/scss/_startpage.scss b/foundation/scss/_startpage.scss
index 14f93e8..25fd9de 100644
--- a/foundation/scss/_startpage.scss
+++ b/foundation/scss/_startpage.scss
@@ -1,63 +1,69 @@
-
-
-html {
-    height: 100%;
-}
-body {
-    height: 100%;
-    margin: 0;
-    background-repeat: no-repeat;
-    background-attachment: fixed;
-}
-body {
-  background: #c2e59c; /* fallback for old browsers */
-  background: -webkit-linear-gradient(to left, #f4f4f4 , #e9e9e9); /* Chrome 10-25, Safari 5.1-6 */
-  background: linear-gradient(to left, #f4f4f4 , #e9e9e9); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
-}
-#content {
-  background: white;
-  .callout:first-child {
-    border-width: 0px;
-  }
-}
-
 body.startpage {
   #content {
     background: transparent;
   }
+
+  .callout.large.primary {
+    background: none;
+    border-radius: $global-radius;
+    padding-top: 1rem;
+    padding-bottom: 1rem;
+    @include breakpoint(small only) {
+      border-radius: 0;
+      h1 {
+        display: block;
+        font-size: 0.8rem;
+        margin-top: 20px !important;
+      }
+    }
+    h1 {
+      color: $header-color;
+      margin-left: 2em;
+      margin-top: 0.5em;
+      span {
+        padding: 10px;
+        background: rgba(255, 255, 255, 0.75);
+        border-radius: $global-radius;
+      }
+    }
+    .logo-wrapper {
+      padding: 10px;
+      background: rgba(255, 255, 255, 0.8);
+      display: inline-block;
+      border-radius: $global-radius;
+      img {
+        height: 52px;
+      }
+    }
+  }
+  
   background: #c2e59c; /* fallback for old browsers */
   background: -webkit-linear-gradient($gradient_style, $g1 , $g2); /* Chrome 10-25, Safari 5.1-6 */
   background: linear-gradient($gradient_style, $g1 , $g2); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
 
   .card-1 .inner{
     background: rgba(255,255,255, 0.8);
-    &:hover{
-
-    }
   }
   .card-2 .inner{
     background: rgba(255,255,255, 0.9);
-    &:hover{
-
-    }
   }
-  
+
   .card-3 .inner{
     background: rgba(255,255,255, 1);
-
-    &:hover{
-
-    }
   }
 
   .inner {
     padding: rem-calc(10px);
-    border-radius: 3px;
+    border-radius: $global-radius;
+    @media screen and (max-width: 39.9375em) {
+      border-radius: 0;
+    }
     h3 {
       margin-top: 0;
     }
   }
 
+
   .hero-content {
     color: #fff;
     background: rgba(255,255,255, 0.3);
diff --git a/index.md b/index.md
index 3c26ae1..f2a4398 100644
--- a/index.md
+++ b/index.md
@@ -1,6 +1,6 @@
 ---
 layout: startpage
-title: "dkdeploy - A Powerful Extension to Capistrano"
+title: " A Powerful Extension to Capistrano."
 ---
 
 **dkdeploy** consists currently mainly of four Rubygems: