html{background:#242424;}
body{color:#FFF;font-size: 1.0em;font-family: 'Open Sans', sans-serif;line-height: 1em;font-weight:300;overflow-x:hidden;overflow-y:scroll;-ms-overflow-style: -ms-autohiding-scrollbar;}
h1{font-size:2em;line-height:1;margin:0 0 10px 0;font-weight:300;color:#242424;}
h2{font-size:1.5em;line-height:1;margin:0 0 10px 0;font-weight:300;color:#242424;}
p,li{margin:0 0 10px 0;color:#242424;font-size:1em;line-height:1.3;}
ul{margin-left:20px;}

a{color:#FFF;text-decoration: none;}
a:hover{text-decoration: none;}
a.glyph{color:#FFF;text-decoration: none;}
a.glyph:hover{color:#FFF;}

#container{margin:0 auto;width:100%;position: relative;}
section,header,footer{}
section{min-height:400px;}

.lang-box{margin:10px;overflow: hidden;}
.lang-box a{float:right;padding:4 10px;margin-left:10px;font-size:14px;line-height: 14px;text-transform: uppercase;}
.lang-box a:hover{text-decoration: underline;}

#logo{width:115px;height:50px;background:url('../img/brand.svg');margin:50px auto 20px auto;}
#title{text-align: center;font-size:24px;line-height: 24px;margin-bottom:10px;}
#subtitle{text-align: center;font-size:16px;line-height: 16px;margin-bottom:20px;}

.box{background:#FFF;color:#242424;padding:20px;margin:10px;}
.box-link{margin:10px;overflow: hidden;}
.box-link a{background:#444444;display:block;width:49%;padding:25px 0;}
.box-link a:hover{text-decoration: none;background:#fff;}
a#ios{float:left;}
a#android{float:right;}
.box-link a .icon{font-size:36px;line-height: 36px;text-align: center;color:#FFF;margin-bottom:20px;}
.box-link a .text{font-size:16px;line-height: 16px;text-align: center;color:#FFF;}
.box-link a .version{font-size:12px;line-height: 12px;text-align: center;color:#FFF;margin-top:10px;}
.box-link a:hover .icon,.box-link a:hover .text,.box-link a:hover .version{color:#242424;}

footer{text-align: center;color:#d4d4d4;font-size:11px;line-height: 11px;margin:100px auto 20px auto;}
footer a{color:#d4d4d4;}

.app-how-box{margin-bottom:20px;}
.app-how-box .app-how-item{margin:40px 10%;}
.app-how-box .app-how-img{margin-bottom:20px;border:1px solid #000000;}
.app-how-box .app-how-img:before{content:'';display: block;padding-top: 160%;}
.app-how-box .app-how-item p{color:#FFF;text-align: center;font-size: 1em;}

.app-how-box #how-img-1-ios{background-image:url('https://www.blackfin.eu/img/app/ios-1.png');}
.app-how-box #how-img-2-ios{background-image:url('https://www.blackfin.eu/img/app/ios-2.png');}
.app-how-box #how-img-3-ios{background-image:url('https://www.blackfin.eu/img/app/ios-3-reps.png');}
.app-how-box #how-img-1-android{background-image:url('https://www.blackfin.eu/img/app/android-1.png');}
.app-how-box #how-img-2-android{background-image:url('https://www.blackfin.eu/img/app/android-2.png');}
.app-how-box #how-img-3-android{background-image:url('https://www.blackfin.eu/img/app/android-3.png');}

a.app-btn-install-now{display: inline-block;text-align: center;padding:20px 20px;background:#444444;text-decoration: none;
transform: translateZ(0);
 backface-visibility: hidden;
 perspective: 1000;
}
a.app-btn-install-now:hover{background: #FFF;color: #444444;}
a.app-btn-install-now [class*="icon-"]{font-size: 28px;line-height: 1;margin-bottom: 10px;display: block;}
a.app-btn-install-now .version{font-size:12px;line-height: 12px;text-align: center;color:#FFF;margin-top:10px;}
a.app-btn-install-now:hover .version{color: #444444;}

@media screen and (max-width: 996px) and (orientation: landscape) {
	.app-how-box{}
	.app-how-box .app-how-item{margin:40px 2%;float: left;width: 29%;}
}
@media screen and (min-width: 768px) {
	#container{width:700px;}
	.box-link a{width:335px;}
	.box-link a .icon{font-size:50px;line-height: 50px;}
	.box-link a .text{font-size:20px;line-height: 20px;}

	.app-how-box{margin-bottom: 40px;}
    .app-how-box .app-how-item{margin:40px 2%;float: left;width: 29%;}
    .app-how-box .app-how-item p{font-size: 1em;}
}
@media screen and (min-width: 996px) { 
	#container{width:960px;}
	.box-link a{width:465px;}
} 
@media screen and (min-width: 1240px) { 

}