/* container */
.padded-boxes {
    display:flex;
    flex-wrap:wrap;
    gap:2rem;
	/*gap:1rem;*/
}

/* boxes */
.padded-boxes > * {
    width:100%;
    /*background:#eee;*/
	/*background-color:#FFF;*/
    border-radius:.4rem;
	text-align:center;
}

/* headings */
.padded-boxes .heading {
    /*background:#f97171;*/
	/*background-color:#FFF;*/
    margin:0;
    /*padding:1rem;*/
	padding:0.5rem;
    /*border-top-left-radius:.4rem;
    border-top-right-radius:.4rem;*/
}



@media only screen and (orientation:portrait){
	.heading {
		font-size:2.3vw;
	}
	
	.imgProdotto {
		width: 100%;
		height: auto;
	}
	
	.padded-boxes h3 {
		font-size:2.6vw;
		line-height:2.8vw;
	}
}

@media only screen and (orientation:landscape){
	.heading {
		font-size:1.5vw;
	}
	
	.imgProdotto {
		width: 60%;
		height: auto;
	}
	
	.padded-boxes h3 {
		font-size:1.2vw;
		line-height:1.2vw;
	}
}



/* padded content */
.padded-boxes .padded {
    padding:.1rem 1rem;
	text-align: center;
}



/* tablet breakpoint */
@media (max-width:451px) {
    .padded-boxes > * {
		/*background-color:#F00;*/
        width:calc((100% - 2rem) / 2);  /* 2 COLONNE */
		/*width:calc((100% - 4rem) / 3);*/  /* 3 COLONNE */
		/*width:calc((100% - 6rem) / 4);*/      /* 4 COLONNE */
		/*width:calc((100% - 10rem) / 6);*/ /* 6 COLONNE */
    }
}

@media (min-width:451px) {
    .padded-boxes > * {
		/*background-color:#0F0;*/
        /*width:calc((100% - 2rem) / 2);*/  /* 2 COLONNE */
		width:calc((100% - 4rem) / 3);  /* 3 COLONNE */
		/*width:calc((100% - 6rem) / 4);*/      /* 4 COLONNE */
		/*width:calc((100% - 10rem) / 6);*/ /* 6 COLONNE */
    }
}