/* Regola di base per dispositivi mobili */
.bg-storia {
  padding-right: 10%;
}

/* Regola per dispositivi con larghezza minima di 768px (tipicamente desktop o tablet in orizzontale) */
@media (min-width: 768px) {
  .bg-storia {
    padding-right: 50%;
  }
.center-col {
	min-height: 750px;
  }
}


#about, #storia, #opera, #esperienza, #acquisto {padding-top: 65px;}


.quadro-storia {
  background-color: rgba(255, 255, 255, 0.6);
	padding: 20px;
}

.testo-storia {
	padding: 20px;
}

    .custom-flex-row {
      min-height: auto;
      background-size: cover;
      background-position: center bottom;
      display: flex;
	flex-wrap: wrap;
		align-items: stretch; /* le colonne si estendono in altezza */

    }


.side-col  {
	display: flex;
	flex-direction: column;
	justify-content: center; /* centra verticalmente il contenuto */
	padding: 20px;
}

.ex-text {
  background-color: rgba(255, 255, 255, 0.6);
	padding: 20px;
}

.btn-shop {text-align: left;}