footer {
	background-color: #282828;
	padding:2em;
	height:auto;
	text-align:left;
    margin:0 auto;
}

footer ul {
}

footer li {
	vertical-align:text-top;
	display: inline-block;
	margin-top: -1em;
	border: 1px;
}
	footer h1 {
		color:#fff;
		font-weight:normal;
	}
	
	footer p {
		color:#b1b1b1;
	}
		footer p a {
			color:#fff;
		}
		footer p a:hover {
			color:#b1b1b1;
		}
		
	#finale {
		background: #282828;
		padding: 1em;
		height: auto;
		text-align: center;
		border-top-width: 1px;
		border-top-style: solid;
		border-top-color: #333333;
	}
		#finale p {
			color:#b1b1b1;
		}
			#finale p a {
			color: #fff;
		}
			#finale p a:hover {
			color: #b1b1b1;
		}
		
		
		
@media only screen and (min-width: 20px) {
    /* Style adjustments for viewports that meet the condition */
	
	.footer-contatti {
		width:100%;
	}
	
	.footer-credits {
		width:100%;
	}
		#finale p {
			margin-left:2.5em;
			text-align:left;
			font-size:12px;
		}
}

@media only screen and (min-width: 480px) {
    /* Style adjustments for viewports that meet the condition */
	
	#finale p {
		margin-left: inherit;
		text-align: inherit;
		font-size: inherit;
	}
	
	.footer-contatti {
		width:200px;
	}
	
	.footer-credits {
		width:120px;
	}
}

@media only screen and (min-width: 760px) {
    /* Style adjustments for viewports that meet the condition */
	
	.footer-contatti {
		width:270px;
	}
	
	.footer-credits {
		width:180px;
	}
}

@media only screen and (min-width: 1024px) {
    /* Style adjustments for viewports that meet the condition */
	
	.footer-contatti {
		width:350px;
	}
	
	.footer-credits {
		width:250px;
	}
	
	footer li {
		margin: 0.5em 1.5em 0.5em 1.5em;
	}
}

@media only screen and (min-width: 1280px) {
    /* Style adjustments for viewports that meet the condition */
	
	.footer-contatti {
		width:460px;
	}
	
	.footer-credits {
		width:320px;
	}
}

@media only screen and (min-width: 1440px) {
    /* Style adjustments for viewports that meet the condition */
}

@media only screen and (min-width: 1920px) {
    /* Style adjustments for viewports that meet the condition */
}

@media only screen and (min-width: 2560px) {
    /* Style adjustments for viewports that meet the condition */
}