
/* HEAD PAGE
-------------------------------------------------- */

.headpage{
    background-color: #FFF;
	max-width: 1660px;
	padding:0px;
	background-image: url("../images/head-clienti.png");
	background-repeat: no-repeat;
	background-size:100%;
	min-height: 600px;
	position: relative;
	z-index:20;
}

.headpage img{
    width: 100%;
}

.headpage_cont_txt{
    position: absolute;
	top: 15%;
	width: 43%;
	left: 15%;
	}

.headpage_tit{
	font-family: "AeonikPro-Bold";
	font-size: 32px;
	color: #1e242f;
	line-height:  32.6px;
	letter-spacing: -0.32px;
	}

.headpage_txt{
	font-family: "AeonikPro-Bold";
	font-size: 77px;
	color: #FFF;
	line-height:  84.7px;
	letter-spacing: 0.63px;
	}



/* INTESTAZIONE
-------------------------------------------------- */

.intestazione{
	float: left;
	width: 100%;
	position: relative
}

.intestazione_contain{
	position:relative;
	padding-top: 30px;
	padding-left:13%;
	width:65%;
}

.intestazione h3{
	font-family: "AeonikPro-Bold";	
	font-size: 32px;
	line-height:  35px;
	color:#24a3e1;
	letter-spacing:-0.32px;
	}

.intestazione h2{
	padding-left:50px;
	font-family: "AeonikPro-Bold";	
	font-size: 63px;
	line-height:  64.3px;
	letter-spacing:-1.26px;	
}




/* SLOT
-------------------------------------------------- */



.clienti_slot{
    background-color: #FFF;
	max-width: 1660px;
	padding-left:13%;
	width: 100%;
	position: relative;
	float: left;	
}

.grid-logos_item {
  flex-basis: 20% !important;
}


/*MOBILE */

@media (max-width: 576px) {
	
	.headpage{
	background-image: url("../images/head-clienti_mobile.png");
	min-height: 300px;
	}
	
	.headpage_cont_txt {
	  position: absolute;
	  top: 10%;
	  width: 95%;
	  left: 5%;
	}
	
	.headpage_tit{
	font-size: 24px;
	line-height:  24px;
	}
	
	.headpage_txt{
	font-size: 40px;
	line-height: 52.7px;
	}
	
	.intestazione_contain {
	  padding-top: 50px;
	  padding-left: 5%;
	  width: 95%;
	}
	
	.intestazione h3 {
		font-size: 24px;
		line-height: 24px;
	}
	
	.intestazione h2 {
		padding-left: 20px;
		font-size: 40px;
		line-height: 40.8px;
	}

	.clienti_slot {
		padding-left: 5%;
	}
	
	.clients_coldx {
 	 padding: 30px 5% 0 5%;
	}
	
	.grid-logos_item {
    flex-basis: 30% !important;
	}
	
}	
