/**
 * Dont change this file!
 * It has been generated by RockFrontend and will be updated when the
 * source file has been changed. That means if you change this file your
 * changes might get lost on a next update.
 */



.my-3Fluid {
	margin-top: clamp(0.2rem, 0.2rem + 4 * ((100vw - 360px) / (1440 - 360)), 0.4rem);
	margin-bottom: clamp(0.2rem, 0.2rem + 4 * ((100vw - 360px) / (1440 - 360)), 0.4rem);
}
.mt-6Fluid {
	margin-top: clamp(0.75rem, 0.75rem + 18 * ((100vw - 360px) / (1440 - 360)), 1.65rem);
}
.mt-4Fluid {
	margin-top: clamp(0.6rem, 0.6rem + 8 * ((100vw - 360px) / (1440 - 360)), 1rem);
}

.t-3Fluid{
	top: clamp(2.3rem, 2.3rem + 26 * ((100vw - 360px) / (1440 - 360)), 3.6rem);
}

ul.text-smallFluid li{
	margin-top: -4px;
}

.lineHeightIntro{
	line-height:1.1rem;
}
#mappasocial{
/*	padding-top: clamp(0.1rem, 0.1rem + 2 * ((100vw - 360px) / (1440 - 360)), 0.2rem);*/
}
#mappasocial p{
	margin-top: clamp(0.6rem, 0.6rem + 8 * ((100vw - 360px) / (1440 - 360)), 1rem);
	margin-bottom: clamp(0.6rem, 0.6rem + 8 * ((100vw - 360px) / (1440 - 360)), 1rem);
}

/* misure desktop */
@media screen and (min-width: 700px){
	.text-smallFluid{
		font-size: clamp(0.5rem, 0.5rem + 5 * ((100vw - 360px) / (1440 - 360)), 0.75rem);
		letter-spacing: 0.04em; 	
	}
	.text-baseFluid{
		font-size: clamp(0.55rem, 0.55rem + 8 * ((100vw - 360px) / (1440 - 360)), 0.95rem);
		letter-spacing: 0.05em;
	}

	.h-logoFluid{
		height: clamp(1rem, 1rem + 20 * ((100vw - 360px) / (1440 - 360)), 2rem);
	}

	h1{
		font-size: 2.8vw;
		line-height: 1.1;
		letter-spacing: 0.01em;
	}
	.bl-6Fluid{
		bottom: clamp(0.75rem, 0.75rem + 18 * ((100vw - 360px) / (1440 - 360)), 1.65rem);
		left: clamp(0.75rem, 0.75rem + 18 * ((100vw - 360px) / (1440 - 360)), 1.65rem);
	}

	/*fluid*/
	.mx-6Fluid {
		margin-right: clamp(0.75rem, 0.75rem + 18 * ((100vw - 360px) / (1440 - 360)), 1.65rem);
		margin-left: clamp(0.75rem, 0.75rem + 18 * ((100vw - 360px) / (1440 - 360)), 1.65rem);
	}
	.mx-6aFluid {
		margin-right: clamp(0.4rem, 0.4rem + 7 * ((100vw - 360px) / (1440 - 360)), 0.75rem);
		margin-left: clamp(0.4rem, 0.4rem + 7 * ((100vw - 360px) / (1440 - 360)), 0.75rem);
	}
	.m-6Fluid {
		margin-top: clamp(0.75rem, 0.75rem + 18 * ((100vw - 360px) / (1440 - 360)), 1.65rem);
		margin-right: clamp(0.75rem, 0.75rem + 18 * ((100vw - 360px) / (1440 - 360)), 1.65rem);
		margin-left: clamp(0.75rem, 0.75rem + 18 * ((100vw - 360px) / (1440 - 360)), 1.65rem);
		margin-bottom: 0;
	}
}

/* tablet  */
@media screen and (min-width: 700px) and (max-width: 1280px){
	.mx-6bFluid{
		margin-right: clamp(0.4rem, 0.4rem + 7 * ((100vw - 360px) / (1440 - 360)), 0.75rem);
		margin-left: clamp(0.4rem, 0.4rem + 7 * ((100vw - 360px) / (1440 - 360)), 0.75rem);
	}
}
/* mobile */
@media screen and (max-width: 699px){
	.text-smallFluid{
		font-size: 0.75em;
		letter-spacing: 0.04em; 	
	}
	.text-baseFluid{
		font-size: 1em;
		letter-spacing: 0.05em;
	}

	.h-logoFluid{
		height: 2em;
	}

	h1{
		font-size: 1.8em;
		line-height: 1;
		letter-spacing: 0.01em;
	}
	.bl-6Fluid{
		bottom: -25px;
		left: 25px;
	}

	/*fluid*/
	.mx-6Fluid {
		margin-right: 25px;
		margin-left: 25px;
	}
	.mx-6aFluid {
		margin-right: 25px;
		margin-left: 25px;
	}
	.m-6Fluid {
		margin-top: 25px;
		margin-right: 25px;
		margin-left: 25px;
		margin-bottom: 0;
	}

	/*	solo scritta */
	#textInfo h1.mx-6Fluid{
		margin-right: 5px;
	}
}