body {
background-color: rgb(255,255,255);
margin: 0px;
color: rgb(0,0,0);
width: 100%;
}



/* Prima immagine della schermata Home */
.im1 {
	text-align:center;
	z-index:1;
	position:relative;
	top: 0px;
	width: 100%;
	height: 530%;
	display: flex;
	align-items: center;
    justify-content: center;
}

@keyframes mymove {
  from {left: 10vw;opacity:0;}
  to {left: 20vw;opacity:1;}
}

/* Casella di testo della prima immagine schermata home*/
.tx1 {
	width:60vw;
	text-align:center;
	position:absolute;
	left:20vw;
	animation: mymove  2s 1;
}

/* Stili per l'evidenziato */
.tx1 mark {
	font-size:90px;
	background-color: rgb(255,255,255,0.4);
	color: rgb(0,0,0);
}


.pr {
	display: flex;
	align-items: center; 
	justify-content: center;
	height:35vw;
	margin-top:-2vw;
	margin-bottom:2vw;
}

.pr1 p:hover {
	font-size: 51px ;
}



.pr1 {
	width:40%;  
	float:right; 
	margin-right:5px;
	margin-left:5px;
	margin-top: 0px; 
	margin-bottom:0px;
}

.pr1 p {
	font-size:50px; 
	text-align:center; 
	color: rgb(0,0,0); 
	top:0px;
	margin:0px;
}

.pr2 {
	width:60%;  
	height:35vw;
	overflow: hidden;
	display: block;
	float:right;
	margin-right:0px;
	margin-left:0px;
	margin-top: 0px; 
	margin-bottom:0px;
}

.pr2 img  {
	width:100%;
	height:35vw;
	margin:0px;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}
	
.pr2 img:hover {
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
@media screen and (max-width: 1000px) {
	.tx1 mark {
	font-size:60px;
	}

	.im1 {
	top: -20px;
	}
	
}