.promo-savi{
	padding: 60px 0 60px 0;
	position: relative;
}

.promo-savi .container{
	z-index: 2;
}

.promo-savi .logo{
	max-width: 300px;
}

.promo-savi p{
	font-size: 16px;
	color: #FFF;
	max-width: 560px;	
	font-family: "Proxima N W01 Light";
}

.promo-savi .title{
	padding: 30px 0 20px 0;
	max-width: 465px;
	font-size: 28px;
	font-family: "Proxima N W01 Smbd";
}

.promo-savi .button{
	margin-top: 40px;
}

.promo-savi .btn{
	border: 1px solid #FFF;
	margin: 0 20px 0 0;
}

.promo-savi .btn.outline{
	background: rgba(0,0,0,0);
	border: 1px solid #FFF;
	color: #FFF;
}

.promo-savi .btn:hover{
	background: #9DE147;
	color: #fff;
	border-color: #9DE147;
}

.promo-savi .bg{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 100;
	object-fit: cover;
	object-position: 50% 50%;
	z-index: -1;
}

.promo-savi .bg2{
	display: none;
	float: left;
	width: 100%;
	height: auto;
}

.promo-savi .bg.mobile{
	display: none;
}

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

.promo-savi .bg{
	object-position: 40% 50%;
}

}


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

.promo-savi{
	background: #000;
	padding-top: 0;
}

.promo-savi .bg{
	display: none;
}

.promo-savi .bg2{
	display: block;
	margin-bottom: 40px;
}

}


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

.promo-savi .container{
	padding: 40px 20px 0px 20px;
}

}

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



.promo-savi .button{
	display: flex;
	justify-content: space-between;
}

.promo-savi .btn{
	min-width: 140px;
}

}