improve klavika declaration

website/source/assets/stylesheets/_docs.scss

@@ -99,7 +99,7 @@ body.layout-intro{
 	.docs-sidenav{
 		padding-top: 15px;
 		padding-bottom: 15px;
-		font-family: "Klavika-web";
+		font-family: $font-family-klavika;
 		font-size: 16px;
 
 		:last-child{

website/source/assets/stylesheets/_global.scss

@@ -17,7 +17,7 @@ body {
 
 h1, h2, h3, h4, h5 {
     -webkit-font-smoothing: antialiased;
-    font-family: "klavika-web";
+    font-family: $font-family-klavika;
     font-weight: 600;
 }
 h1{

website/source/assets/stylesheets/_header.scss

@@ -14,7 +14,7 @@ body.page-sub{
   .navbar-brand {
     .logo{
       font-size: 32px;
-      font-family: "Klavika-web";
+      font-family: $font-family-klavika;
       font-weight: 500;
       background: image-url('logo-header.png') 0 0 no-repeat;
       @include img-retina("../images/logo-header.png", "../images/logo-header@2x.png", $project-logo-width, $project-logo-height);

website/source/assets/stylesheets/_variables.scss

@@ -45,6 +45,7 @@ $link-hover-color:      	darken($link-color, 15%);
 // Typography
 // -------------------------
 $font-family-open-sans: 'Open Sans', "Helvetica Neue", Helvetica, Arial, sans-serif;
+$font-family-klavika: 'klavika-web', 'klavika', 'Open Sans', Helvtical, Arial, sans-serif;
 
 $text-shadow: 				1px 1px 1px #000;
 $shadow: 					    $text-shadow;