.copertina{width: 100%; height: 560px; background: url('../imgs/copertina-fin-xxl.jpg') no-repeat; background-position: center; background-size: cover; overflow: visible;}
.copertina-webp{width: 100%; height: 560px; background: url('../imgs/copertina-fin-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 40px 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: 20px; padding-bottom: 36px; text-align: center}
.arw svg{width:50px; fill:#fff}

.box-intro{width:100%; /* background-color: var(--lightgray); */ padding-top: 170px; padding-bottom: 80px}
.titolo-pagina {font-size: 3em; color: #000; text-transform: uppercase; }
.box-testo-container{margin-top:0}
.box-testo-container p {font-size: 1.2em}

.ico-container{display: flex; align-items: flex-start; justify-content: center; flex-wrap: wrap; margin-left: auto; margin-right: auto; width: fit-content;}
.ico-container > div {max-width: 220px; padding: 4px 20px 10px 20px; text-align: left;}
.margin-bottom{margin-bottom:60px}


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

@media (max-width: 1200px) {
  .copertina{width: 100%; height: 560px; background: url('../imgs/copertina-fin-lg.jpg') no-repeat; background-position: center; background-size: cover; overflow: visible;}
  .copertina-webp{width: 100%; height: 560px; background: url('../imgs/copertina-fin-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-fin-md.jpg') no-repeat; background-position: center; background-size: cover; overflow: visible;}
    .copertina-webp{width: 100%; height: 560px; background: url('../imgs/copertina-fin-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-fin-sm.jpg') no-repeat; background-position: center; background-size: cover; overflow: visible;}
    .copertina-webp{width: 100%; height: 560px; background: url('../imgs/copertina-fin-sm.webp') no-repeat; background-position: center; background-size: cover; overflow: visible;}
     .last{font-size: 1.8em}
}

@media (max-width: 575px) {
  .copertina{width: 100%; height: 410px; background: url('../imgs/copertina-fin-xs.jpg') no-repeat; background-position: center; background-size: cover; overflow: visible;}
  .copertina-webp{width: 100%; height: 410px; background: url('../imgs/copertina-fin-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: 280px}
  .titolo-pagina {font-size: 2.4em;}
  .ico-container > div {max-width: 200px;}
  .last{font-size: 1.4em}
}

@media (max-width:430px) {
  .ico-container > div {max-width: 150px;  padding: 12px}
}