body{
	width: 100%;}

#header {
	margin: 20px;}
	
#testo {
	max-width: 640px;
	font-family: 'Playfair Display', sans-serif;
	margin: 100px 20px;}

#testo a {
	font-style: italic;
	text-decoration: none;
	color:#000;
	transition:color .25s linear}

#testo a:hover {
	color: #f9dd29;}

#grande {
	font-size: 48px;
	line-height: 110%;}

#piccolo {
	font-size: 22px;
	line-height: 130%;}

		
#footer {
	position:fixed;
	bottom:20px;
	left:20px;
	font-family: Helvetica, Arial, sans-serif;
	font-size:11px;
	line-height: 11px;
	text-transform:uppercase;}

#footer a {
	text-decoration: none;
	color:#000;}


@media screen and (max-width: 768px) {
	#grande {
		font-size: 40px;
		line-height: 120%;
		margin: 50px 20px 0 20px;}
	#piccolo {
		font-size: 22px;
		line-height: 120%;
		margin: 0 20px 50px 20px;}
	#logo {
		width: 100%;}}	

@media screen and (max-width: 480px) {
	#grande {
		font-size: 24px;
		line-height: 120%;
		margin: 50px 20px 0 20px;}
	#piccolo {
		font-size: 24px;
		line-height: 120%;
		margin: 0 20px 50px 20px;}