.hero-col__in{
	position: relative;
	top: 400px;
}
@media all and (min-width:768px){
	.hero-col__in{
		top: 275px;
	}
}

.heroHead__title{
	font-size: 30px;
	line-height: 1.2em;
	display: inline;
    
 
    
}
.heroHead__title  span.bg_txt{
	background-color: #fff;
	background: linear-gradient(to right, #fff 75%, transparent);
	padding: 0 10px;

	max-width: 650px;
    display: inline-block;
}
@media all and (min-width:768px){
	.heroHead__title{
		font-size: 50px;
	}
}
.heroHead__text{
	padding: 10px 15px;
	font-size: 25px;
	line-height: 1.25em;
	display: inline-block;
}
@media all and (min-width:768px){
	.heroHead__text{
		font-size: 30px;
	}
}

.btPromo,
.btPromo__box{
	width: 125px;
    height: 125px;
}
@media all and (min-width:768px){
	.btPromo,
	.btPromo__box{
		width: 250px;
		height: 250px;
	}
}

.btPromo{
    right: 0;
    top: 0;
    position: absolute;
}

@media all and (min-width:768px){
	.btPromo{
		

		left: 70vw;
		top: 50px;
		top:-50px;
	}
}



.btPromo__link{}
.btPromo__box{
	background-size: 100%;
	background-image: url(../../img/pastille_promo_2.png);
}
.btPromo__box:hover{
	background-image: url(../../img/pastille_promo.png);
}