.panel-intro{min-height:90vh; padding-top: 150px; background-color: #fff; color: #1a1a1a}
.panel-dark{background-color: #000; color: #fff}
.panel-intro .playfair{font-size: 2em; margin-top: 20px}
.hero-block{border-bottom:#1a1a1a 1px solid }

.discover{height: 10vh; display: flex; align-items: center; justify-content: center;}
.discover-how h1 {font-size: 1.8em; font-weight: 300; padding-left: 16px; padding-right: 16px}
.discover svg {width: 16px; height: 16px}

.b-dark{background-color: #000; color: #fff}

.block-description {display: flex; align-items: center; justify-content: center;}
.block-description h2 {font-size: 2em}
.block-description div {max-width: 70%}


@media (max-width: 1600px) {
	.panel-img{max-height:400px !important;}

}

@media (max-width: 1500px) {
	.panel-intro .playfair{font-size: 1.6em}
}


@media (max-width: 992px) {
	.panel-intro .playfair{font-size: 1.2em}
	.block-description{height: 500px}
	.images2{order:2}
	.text2{order:1}
}


@media (max-width: 576px) {
	.hero-block{display: none}
	.discover{height: 34vh; display: flex; align-items: center; justify-content: center}
	.block-description div {max-width: 90%}
	
}


 @keyframes v-shake {
    0%, 100% { transform: translateY(0); }
    10% { transform: translateY(-2px); }
    20% { transform: translateY(2px); }
    30% { transform: translateY(-2px); }
    40% { transform: translateY(2px); }
    50% { transform: translateY(0); }
  }

  .shake {
  	display: flex; align-items: center; justify-content: center;
    animation: v-shake 300ms ease-in-out;
    will-change: transform;
  }

  /* Rispetto per chi ha ridotto le animazioni */
  @media (prefers-reduced-motion: reduce) {
    .shake { animation: none; }
  }