.bg-image {

    background: url(../img/bg.png) no-repeat top center;
    /*background-size: cover;*/
    background-color: black;
    background-size: 100% 105%;
    width: 100%;
}
.kf-header {
	align-items: center;
    position: absolute;
    z-index: 5;
    left: 0;
    right: 0;
    margin: auto;
    top: -250px;
    width: 25vw;
    text-align: center;
}

.kf-logo{
	width:60%;
	top:-30px;
	position:relative;
}

.kf-desktop{
	display: block;
}
	
.kf-mobile{
	display: none;
}

.kf-section-mobile{
	top: 50px;
	position: relative;
}

.icon{
	width: 60px;
}

.icon-desktop{
	width: 80% !important;
}

.banner{
	width: 300px;
}

.banner-desktop{
	width: 40% !important;
}

.center {
    margin-top: 22%;
    position: relative;
}
  
.kf-section img{
	width: 700px;
}

.chat-box {
    background-image: url(../img/chat.png);
	background-position: center;
	background-size: cover;
	height: 150px;
	width: 150px;
	position: absolute;
	right: -200px;
	bottom: 50px;
}

.ios{
	margin-top: -50px;
}
.ios-desktop{
	margin-top: -50px;
}

.adr{
	margin-top: -50px;
}

.web{
	margin-top: -50px;
}

.download img{
	width: 85%;
}
  
@media (max-width: 1799.98px) {
	.kf-header{
		top: -200px;
		bottom: 100px;
		right: 0px;
	}
	.kf-logo{
		width:60%;
		top:-5	0px;
		position:relative;
	}
	.chat-box{
		height: 100px;
		width: 100px;
		right: 5px;
		top: 380px;
	}
}

@media (max-width: 1399.98px) {
	.kf-header{
		top: -180px;
		bottom: 100px;
		right: 0px;
	}
	.kf-logo{
		width:60%;
		top:-50px;
		position:relative;
	}
	.chat-box{
		height: 100px;
		width: 100px;
		right: 5px;
		top: 280px;
	}
}

@media (max-width: 1299.98px) {
	.kf-header{
		top: -140px;
		bottom: 100px;
		right: 0px;
	}
	.kf-logo{
		width:60%;
		top:-50px;
		position:relative;
	}
	.chat-box{
		height: 100px;
		width: 100px;
		right: 5px;
		top: 280px;
	}
	
	.download-adr
	{
		top: 100px;		
		position: relative;
		min-height: 300px;
	}
}

@media (max-width: 1024.98px) {
	.kf-header{
		top: -90px;
		bottom: 100px;
		right: 0px;
	}
	.kf-logo{
		width:60%;
		top:-60px;
		position:relative;
	}
	.chat-box{
		height: 100px;
		width: 100px;
		right: 5px;
		top: 200px;
	}
	
	.download-ios
	{
		top: 100px;		
		position: relative;
		min-height: 300px;
	}
}

@media (max-width: 739.98px) {
	.bg-image {

		background: url(../img/bg_mobile.png) repeat top center;
		background-color: black;
		background-size: 100%;
		width: 100%;
	  }
	.kf-mobile{
		display: block;
	}
	.kf-desktop{
		display:none;
	}
	.kf-header{
		top: -80px;
		bottom: 100px;
		right: 200px;
	}
	.kf-section img{
		top:50px;
		position:relative;
		width: 400px;
	}
	.chat-box{
		height: 100px;
		width: 100px;
		right: 5px;
		top: 200px;
	}
	.ios{
		margin-top: 30px;
	}
	.ios-desktop{
		margin-top: 30px;
	}
	.adr{
		margin-top: 30px;
	}
	.web{
		margin-top: 30px;
	}
	.kf-logo{
		width:60%;
		top:-30px;
		position:relative;
	}
}