/*--------- Nascondere i div in mobile ---------- */
@media(max-width: 500px){
.nomobile{
    display:none;
    }
}

/*--------- Spazio tra un div ---------- */

@media only screen and (min-width: 481px) {
	.space10 {
	padding: 10px;
	}
	.space20 {
	padding: 20px;
	}
	.space20-article {
	padding: 20px 20px 20px 20px;
	}	
	.space30 {
	padding: 30px;
	}
	.space40 {
	padding: 40px;
	}
	.space50 {
	padding: 50px;
	}
	.space60 {
	padding: 60px;
	}
}
@media only screen and (max-width: 480px) {
	.space10 {
	padding: 5px;
	}
	.space20 {
	padding: 10px;
	}
	.space20-article {
	padding: 10px 10px 40px 10px;
	}
	.space30 {
	padding: 15px;
	}
	.space40 {
	padding: 20px;
	}
	.space50 {
	padding: 25px;
	}
	.space60 {
	padding: 30px;
	}
}

/*--------- Immagine responsive ---------- */
.responsive {
  width: 100%;
  height: auto;
}

/*--------- Inversione div in mobile ---------- */
 @media(max-width: 768px){
.invertdiv {
	display:flex;
	}
.invertdiv .a{
	order: 1
	}
.invertdiv .b{
	order: 2
	}
.invertdiv .c{
	order: 3
	}
.invertdiv .d{
	order: 4
	}
.invertdiv .e{
	order: 5
	}
.invertdiv .f{
	order: 6
	}
.invertdiv .g{
	order: 7
	}
.invertdiv .h{
	order: 8
	}
.invertdiv .i{
	order: 9
	}
}

/*--------- Controllo padding top ---------- */
{ 
  scroll-padding-top: 90px; /* = altezza navbar/sticky header */
  scroll-behavior: smooth;
}