@font-face {
  font-family: 'Carnas-Black';
  src: url('../fonts/Carnas Black.otf')  format('truetype'); 
}
@font-face {
  font-family: 'Carnas-Medium';
  src: url('../fonts/Carnas Medium.otf')  format('truetype'); 
}
@font-face {
  font-family: 'Carnas-Regular';
  src: url('../fonts/Carnas Regular.otf')  format('truetype'); 
}
html {
  scroll-behavior: smooth;
}
html,
body {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: "Carnas-Regular", sans-serif; 
}
.alto h3
{
	font-family:"Carnas-Black";
	font-size:50px;
	color:#0A1422;
}
.alto p
{
	font-family:"Carnas-Regular";
	font-size:25px;
	color:#0A1422;
}
.basso h2
{
	font-family:"Carnas-Black";
	color:#93EBF9;
	font-size:42px;
}
.basso p
{
	font-family:"Carnas-Medium";
	color:white;
	font-size:20px;
}
.basso img
{
	width:100%;
}
.arrowR
{
	position: absolute;
    bottom: 0;
    right: 0;
    width: fit-content;
}
#legge68 h2
{
		font-family:"Carnas-Black";
	color:#0A1422;
	font-size:50px;
	
}
#legge68 p
{
			font-family:"Carnas-Regular";
	color:#0A1422;
	font-size:25px;
}
#legge68 strong
{
			font-family:"Carnas-Black";
	color:#0A1422;
	font-size:25px;
}
#legge68 ul
{
			font-family:"Carnas-Regular";
	color:#0A1422;
	font-size:25px;
}
.intro a
{
	cursor:pointer;
	padding: 10px 30px;
	background: transparent linear-gradient(180deg, #5080ED 0%, #1328AA 100%) 0% 0% no-repeat padding-box;
	border-radius: 25px;
	color:white!important;
		font-family:"Carnas-Medium";
		font-size:18px;
}
.desc img
{
	transform: rotate(180deg);
}
.desc a
{
	cursor:pointer;
	padding: 10px 30px;
	background: transparent linear-gradient(180deg, #5080ED 0%, #1328AA 100%) 0% 0% no-repeat padding-box;
	border-radius: 25px;
	color:white!important;
		font-family:"Carnas-Medium";
		font-size:18px;
}
#destinatariFinale p
{
			font-family:"Carnas-Regular";
	color:white;
	font-size:25px;
}
#destinatariFinale strong
{
			font-family:"Carnas-Black";
	color:white;
	font-size:25px;
}
#destinatariFinale img
{
	transform: rotate(135deg);
}
#destinatariFinale a
{
	cursor:pointer;
	padding: 10px 30px;
	background: transparent linear-gradient(180deg, #5080ED 0%, #1328AA 100%) 0% 0% no-repeat padding-box;
	border-radius: 25px;
	color:white!important;
		font-family:"Carnas-Medium";
		font-size:18px;
		/*position:absolute;
		right:2%;
		bottom:5%; */
	float: right;
}
.art14 h2
{
		font-family:"Carnas-Black";
	color:#0A1422;
	font-size:50px;
	
}
.art14 p
{
			font-family:"Carnas-Regular";
	color:#0A1422;
	font-size:25px;
}
.art14 strong
{
			font-family:"Carnas-Black";
	color:#0A1422;
	font-size:25px;
}
.art14 ul
{
			font-family:"Carnas-Regular";
	color:#0A1422;
	font-size:25px;
	 list-style-type: none;
	 padding:0;
}

.art14 li
{
  background: url('../img/star.png') no-repeat left top;
  padding-top: 7px;
  padding-left: 44px;
  margin-bottom:10px;
}
.benefici h4
{
	font-family:"Carnas-Black";
	color:#0A1422;
	font-size:25px;
}
.benefici
{
	margin-top:-150px;
}
.benefici p
{
	font-family:"Carnas-Regular";
	color:white;
	font-size:25px;
/*	padding-left:30px; */
}
.benefici h3
{
	font-family:"Carnas-Regular";
	color:white;
	font-size:25px;
	padding-left:30px; 
	font-style: italic;
}
.benefici strong
{
			font-family:"Carnas-Black";
	color:white;
	font-size:25px;
	/*padding-left:20px;*/
}
#brochure p
{
			font-family:"Carnas-Regular";
	color:white;
	font-size:25px;
	margin:0;
	float: left;
}
#brochure strong
{
			font-family:"Carnas-Black";
	color:white;
	font-size:25px;
}
#brochure img
{
	transform: rotate(135deg);
}
#brochure a
{
	cursor:pointer;
	padding: 10px 30px;
	background: transparent linear-gradient(180deg, #5080ED 0%, #1328AA 100%) 0% 0% no-repeat padding-box;
	border-radius: 25px;
	color:white!important;
		font-family:"Carnas-Medium";
		font-size:18px;
	float: right;

}
.imgrepeat
{
	position:absolute;
	z-index:6;
	top:26px;
	left:0;
}

@media screen and (min-width: 768px) and (max-width: 1024px) {

}

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

}

@media screen and (max-width: 1100px) {
		.arrowR
{
	position: initial;
  
}
	.basso img
{
	width:auto;
}
.imgrepeat
{

	/*position:initial!important;*/
}

.benefici {
    margin-top: 0!important;
}
#destinatariFinale a
{
		position:initial!important;
}
}

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

		.arrowR
{
	/*position: initial;*/
  
}
.imgrepeat
{

	/*position:initial!important;*/
}
.benefici p
{

		padding-left:0!important;
}
.benefici {
    margin-top: 0!important;
}
#destinatariFinale a
{
		position:initial!important;
}
}
@media screen and (max-width: 558px)
{
	.arrowR
{
	/*position: initial;*/
  
}
.imgrepeat
{

	/*position:initial!important;*/
}
.benefici {
    margin-top: 0!important;
}
.benefici p
{

		padding-left:0!important;
}
#destinatariFinale a
{
		position:initial!important;
}
}
@media only screen and (max-width: 480px) 
{
		.arrowR
{
	/*position: initial!important;*/
  
}
.imgrepeat
{

	/*position:initial!important;*/
}
.benefici {
    margin-top: 0!important;
}
.benefici p
{

		padding-left:0!important;
}
#destinatariFinale a
{
		position:initial!important;
}
}

@media screen and (min-width: 1098px) and (max-width: 1810px) {
		
	.alto h3 {
		font-size: 38px;		
	}
	.alto p {
		font-size: 19px;		 
	}
	.basso h2 {
		font-size: 28px;
	}
	.basso p {
		font-size: 18px;
	}
	#legge68 h2 {
		font-size: 30px;		
	}
	#legge68 p {
		font-size: 19px;		
	}
	
	#legge68 strong {
		font-size: 19px;
	}
	#legge68 ul {
		font-size: 19px;
	}
	#destinatariFinale p {
		font-size: 19px;
	}
	#destinatariFinale strong {
		font-size: 19px;
	}
	.art14 h2 {
		font-size: 30px;		
	}
	.art14 p {
		font-size: 19px;		 
	}
	.art14 strong {
		font-size: 19px;		 
	}
	.art14 ul {
		font-size: 19px;		 
	}
	.benefici h2 {
		font-size: 30px;		
	}
	.benefici p {
		font-size: 19px;		 
	}
	.benefici h3 {
		font-size: 19px;		 
	}
	.benefici strong {
		font-size: 19px;		 
	}
	.benefici ul {
		font-size: 19px;		 
	}
	#brochure h2 {
		font-size: 30px;		
	}
	#brochure p {
		font-size: 19px;	
	}
	#brochure h3 {
		font-size: 19px;		 
	}
	#brochure strong {
		font-size: 19px;		 
	}
	#brochure ul {
		font-size: 19px;		 
	}
}