html, body { 
    height: 100%; 
}

body{
	padding:0;
	margin: 0;
    background-color: #fff;
    background-image: url("/arla.png"); /* percorso relativo */
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;
}

#galleria{
    background: transparent;
    text-align: center;
	width: 100%;

}

.immagine{
	display: inline-block;
	width: 22%;
	margin: 10px 1%;
	border: 10px solid #ccc;
	border-radius: 5px;
}

.preview{
	width: 100%;


}





@media (max-width: 480px) {
	.immagine{
		width: 98%;
		margin: 1%;
	}
}

@media (max-width: 720px) and (min-width: 480px){
	.immagine{
		width: 97%;
	}
}

@media (max-width: 1020px) and (min-width: 720px){
	.immagine{
		width: 30%;
	}
}