.banner-header{

}

.banner-header__item{
	background-repeat:no-repeat;
	background-position: 50% 50%;

	width: 100%;
	/*width: 100vw;*/
	height:600px;
	position: relative;
	background-size: cover;

}

.banner-header__link{
	display:block;
	position:relative;
	/*width:100%;
	height:100%;*/

	width: 100vw;
	height:580px;
	
}
/*
.banner-header__image{
	position: absolute !important;
	width:1900px !important;
	height:600px;
	margin-left:-50%;
	left:950px;
}*/

.banner-header__container{
	height:100%;

}

.banner-header__title{
	margin: 0 0 6px;
	color: #fff;
	font: 600 18px/26px "Open Sans", sans-serif;

	text-transform:uppercase;
}

.banner-header__text{
	margin: 0px 0 20px;
	color: #fff;
	font: 300 16px/24px "Open Sans", sans-serif;
	/*height:72px;*/
	overflow: hidden;
}

.banner-header__button{
	width:150px;
	height: 30px;

	color: #fff;
	font: 300 14px/14px "Open Sans", sans-serif;
	text-transform:uppercase;
}

.banner-header__container{

}
.banner-header__box{
	position: absolute;
	left: 25%;
	top:10%;
	width: 450px;

	background-color: rgba(0, 0, 0, 0.60);
	line-height:36px;
	padding:30px;
	font-size:24px;

	color:#FFFFFF;
}

@media screen and (max-width: 1679px) {

	.banner-header__item{
		height:500px;
	}


}

@media screen and (max-width: 1439px) {

	.banner-header__item{
		height:450px;
	}


}

@media screen and (max-width: 1023px) {
	.banner-header__item{
		height:350px;
	}
	.banner-header__box{
		left:18%;
	}
}

@media screen and (max-width: 666px) {
	.banner-header__item{
		height:240px;
	}
	.banner-header__box{
		left:0;
		right:0;
		bottom: 0;
		top:0;
		width:auto;
		padding: 30px 60px;

	}
}

@media screen and (max-width: 419px) {
	.banner-header__box{
		padding: 15px 30px;
	}
}