#headergroup {
        background:url(../img/header-group.jpg) no-repeat center bottom;
        background-size:cover;
        height: 700px;
        display:flex;
        justify-content:flex-start;
        align-items: center;
        position: relative;
        z-index: 2;
        padding: 0 10vw;
      }
      #headergroup .cover{
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        opacity: .3;
        z-index: 1;
      }
      #headergroup .header-text{
        z-index: 2;
      }
      #about{
        display: flex;
        align-items: stretch;
        justify-content: center;
        padding: 10vh 0
      }
      #about .about-text{
        display: flex;
        flex-direction: column;
        width: 45%;
        max-width: 600px;
      }
      #about .about-duccio{
        position: relative;
      }
      #about .about-duccio img{
        height: 100%;
        width: auto;
      }
      #about .about-duccio .didascalia{
        position: absolute;
        left: 0;
        bottom: 0;
      }
      #history{
        background-color: var(--color-grey);
      }
      #history .header{
        background:url(../img/timeline-bg.jpg) no-repeat center bottom;
        background-size:cover;
        height: 50vh;
        display:flex;
        justify-content:center;
        align-items: center;
        position: relative;
        border-bottom:2px dotted var(--color-main-blu);
        z-index: 0;
      }
      #history .cover{
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        opacity: .3;
        background-color: var(--color-main-blu);
        z-index: 1;
      }
      #history .header-text{
        text-align: center;
        z-index: 3;
      }
      .timeline-container{
          width: 80%;
          margin: 0 auto;
          position: relative;
        }
        .timeline{
          min-height: 500px;
        }
        .timeline:focus{
          outline: none;
        }
        .timeline-element {
          width: 25%;
          padding: 15px 2%;
          height: auto;
          /*max-height: 100px;*/
          margin-right: 10px;
          border-radius: 5px;
          counter-increment: carousel-cell;
          opacity: .2;
          transition:.6s ease-out;
          position: relative;
          z-index: 3;
          transform: translateY(50px);
        }
        .timeline-element p:first-child{
          margin: 15px 0 10px 0;
        }
        .timeline-element:before {
          content:'';
          position: absolute;
          top: 0;
          left: 50%;
          transform: translate(-50%,-50%);
          background-color:var(--color-main-blu);
          width: 20px;
          height: 20px;
          border-radius: 50%;
          opacity: 0;
        }
        .timeline-element:after {
          content:'';
          position: absolute;
          top: 0;
          left: 50%;
          transform: translate(-50%,-50%);
          border:2px solid var(--color-main-blu);
          width: 25px;
          height: 25px;
          border-radius: 50%;
          opacity: 0;
        }
        .timeline-element.is-selected:before {
          opacity: 1;
        }
        .timeline-element.is-selected:after {
          opacity: 1;
        }

        .timeline-element.is-selected {
          opacity: 1;
          transform: translateY(0);
          /*max-height: 500px;*/
        }
        .timeline-element .to-hide{
          opacity: 0;
          transition: .3s ease-out;
        }
        .timeline-element.is-selected .to-hide{
          opacity: 1;
        }
        .timeline-element ul {
          list-style: disc;
          padding-left: 17px;
          line-height: 1.5rem;
        }
        #timeline-next,#timeline-prev{
          position: absolute;
          width: 60px;
          height: 60px;
          background-color: var(--color-white);
          cursor: pointer;
          top: 0;
          transform: translateY(-50%);
          z-index: 3;
          box-shadow: 0 0 20px rgba(0,0,0,0.5);
          display: flex;
          justify-content: center;
          align-items: center;
          transition:.1s ease-out;
          border-radius: 10px;
        }
        #timeline-next:hover,#timeline-prev:hover{
          box-shadow: 0 0 0px rgba(0,0,0,0.5);
        }
        #timeline-next img,#timeline-prev img{
          width: 40%;
        }
        #timeline-next{
          right: 0;
        }
        #timeline-prev{
          left: 0;
        }
        .partners{
            display: flex;
            align-items: flex-start;
            justify-content: center;
            padding: 10vh 0;
        }
        .partner{
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: flex-start;
            max-width: 550px;
            padding: 0 50px;
        }
        .partner .logo{
            width: 100%;
            text-align: center;
        }
        .partner .logo img{
            height: 60px;
            width: auto;
            margin-bottom: 30px;
        }
        .partner .hq{
            width: 100%;
            text-align: center;
        }
        .partner .hq img{
            width: 100%;
            height: auto;
            margin-bottom: 30px;
        }
        .numbers-container{
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 5vh auto;
        }
        .numbers-container img{
            height: 80px;
            margin-right: 10px;
        }
        .numbers-container .number{
            font-size: 6.8rem;
            line-height: 1;
            margin-right: 10px;
        }
        .numbers-container .text{
            font-size: 3.5rem;
            line-height: 3.5rem;
            text-align: left;
        }
        #benefici-clienti{
            position: relative;
        }
        #benefici-clienti-bg{
            position: absolute;
            top: 0;
            left: 50%;
            transform: translate(-50%,-15%);
            z-index: -1;
            width: 80%;
            opacity: .3;
        }
        .numbers-column-container{
            display: flex;
            align-items: flex-start;
            justify-content: center;
        }
        .numbers-column{
            display:flex;
            flex-direction:column;
            width: 350px;
            margin: 30px;
        }
        .numbers-column .numbers-container{
            margin: 0;
        }
        .numbers-column .text{
            font-size: 2.7rem;
            line-height: 2.7rem;
            text-align: center;
        }
        .numbers-column .standard{
            font-size: 1.4rem;
            line-height: 1.7rem;
        }