.copertina{width: 100%; height: 560px; background: url('../imgs/copertina-azi-xxl.jpg') no-repeat; background-position: center; background-size: cover; overflow: visible;}
.copertina-webp{width: 100%; height: 560px; background: url('../imgs/copertina-azi-xxl.webp') no-repeat; background-position: center; background-size: cover; overflow: visible;}

.green-block-container{position: relative}
.green-block{max-width: 464px; position: absolute; top:234px; background-color: rgba(94, 135, 90, 0.75);}

h1{
  color: #fff;
  text-transform: uppercase;
  padding: 50px 50px 0 50px;
  font-size: 3.4em;
  }

.green-title{padding: 16px 50px 100px 50px;
  font-size: 1.6em;
  color: #71d244;
  text-transform: uppercase;
}
.green-title2{
  padding: 86px 50px 0 50px;
  text-align: right;
  font-size: 1.2em;
  color: #fff;
}
.arw {padding-top: 70px; padding-bottom: 36px; text-align: center}
.arw svg{width:50px; fill:#fff}

.box-intro{width:100%; /* background-color: var(--lightgray); */ padding-top: 70px; padding-bottom: 80px}
.titolo-pagina {font-size: 3em; color: #000; text-transform: uppercase;}
.subtitolo-pagina {font-size: 1.4em; color: #71d244; text-transform: uppercase; margin-top:6px}
.box-testo-container{margin-top:20px}
.box-testo-container p {font-size: 1.2em}
.carousel{margin-top:60px }
.second-block{margin-top: 60px; margin-bottom:60px}



@media (max-width: 1400px) {
  .copertina{width: 100%; height: 560px; background: url('../imgs/copertina-azi-xl.jpg') no-repeat; background-position: center; background-size: cover; overflow: visible;}
  .copertina-webp{width: 100%; height: 560px; background: url('../imgs/copertina-azi-xl.webp') no-repeat; background-position: center; background-size: cover; overflow: visible;}
}

@media (max-width: 1200px) {
  .copertina{width: 100%; height: 560px; background: url('../imgs/copertina-azi-lg.jpg') no-repeat; background-position: center; background-size: cover; overflow: visible;}
  .copertina-webp{width: 100%; height: 560px; background: url('../imgs/copertina-azi-lg.webp') no-repeat; background-position: center; background-size: cover; overflow: visible;}
}

@media (max-width: 991px) {
    .copertina{width: 100%; height: 560px; background: url('../imgs/copertina-azi-md.jpg') no-repeat; background-position: center; background-size: cover; overflow: visible;}
    .copertina-webp{width: 100%; height: 560px; background: url('../imgs/copertina-azi-md.webp') no-repeat; background-position: center; background-size: cover; overflow: visible;}
    .box-intro{ padding-top: 130px}
    .blocco-hp-box{max-width: 90%;}
    .blocco-hp-titolo {font-size: 2.8em; text-transform: uppercase; padding-bottom: 30px}
    .blocco-hp-testo{padding-bottom: 30px; font-size: 1.4em}

}

@media (max-width: 767px) {
    .copertina{width: 100%; height: 560px; background: url('../imgs/copertina-azi-sm.jpg') no-repeat; background-position: center; background-size: cover; overflow: visible;}
    .copertina-webp{width: 100%; height: 560px; background: url('../imgs/copertina-azi-sm.webp') no-repeat; background-position: center; background-size: cover; overflow: visible;}

}

@media (max-width: 575px) {
  .copertina{width: 100%; height: 410px; background: url('../imgs/copertina-azi-xs.jpg') no-repeat; background-position: center; background-size: cover; overflow: visible;}
  .copertina-webp{width: 100%; height: 410px; background: url('../imgs/copertina-azi-xs.webp') no-repeat; background-position: center; background-size: cover; overflow: visible;}
  .green-block{max-width: 300px; position: absolute; top:234px;}
  h1{
  color: #fff;
  text-transform: uppercase;
  padding: 20px 20px 0 20px;
  font-size: 2.6em;
  }

  .green-title{padding: 16px 20px 0 20px;
    font-size: 1.6em;
    color: #71d244;
    text-transform: uppercase;
  }
  .arw {padding-top: 40px; padding-bottom: 26px; text-align: center}
  .box-intro{ padding-top: 120px}
  .titolo-pagina {font-size: 2.4em;}
}