@media only screen and (min-width: 1025px) {
/* For desktop: */

body{
background: #FFF;
font-family: Arial, Helvetica, sans-serif;
}

.testo{
text-align: left;
padding-left: 10px;
color: #000;
font-size: 22px;
}

#autore{
text-align: left;
padding-left: 10px;
font-size: 15px;
color: #000;
}

hr{
border: 0;
border-bottom: 2px dashed #333;
color: #999;
}

a {
color: #000087;
text-decoration: underline;
}
a:link {
color: #000087;
text-decoration: underline;
}
a:visited {
color: #000087;
text-decoration: underline;
}
a:hover{
color: #111;
background: #ccc;
text-decoration: none;
}

}

	@media only screen and (max-width: 1025px) {
	/* For mobile phones: */
	
	body{
	background: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	}
	
	.testo{
	text-align: left;
	padding-left: 10px;
	color: #000;
	font-size: 35px;
	}
	
	#autore{
	text-align: left;
	padding-left: 10px;
	font-size: 30px;
	color: #000;
	}
	
	img {
	width: 98%;
	border: 1px solid;
	}

	hr{
	border: 0;
	border-bottom: 2px dashed #333;
	color: #999;
	}

	a {
	color: #000087;
	text-decoration: underline;
	}
	a:link {
	color: #000087;
	text-decoration: underline;
	}
	a:visited {
	color: #000087;
	text-decoration: underline;
	}
	a:hover{
	color: #111;
	background: #ccc;
	text-decoration: none;
	}
	
	}