.u-section-1 {
  background-image: linear-gradient(0deg, rgba(0,0,0,0.4), rgba(0,0,0,0.4)), url("images/image.png");
  background-position: 50% 50%;
}

.u-section-1 .u-sheet-1 {
  min-height: 302px;
}

.u-section-1 .u-text-1 {
  font-size: 1.5rem;
  margin: 52px 0 0;
}

.u-section-1 .u-btn-1 {
  font-weight: 700;
  text-transform: uppercase;
  font-size: 0.875rem;
  letter-spacing: 1px;
  background-image: none;
  margin: 22px auto 32px;
}

@media (max-width: 1199px) {
  .u-section-1 .u-sheet-1 {
    min-height: 249px;
  }

  .u-section-1 .u-text-1 {
    margin-left: 65px;
  }
}

@media (max-width: 991px) {
  .u-section-1 .u-sheet-1 {
    min-height: 316px;
  }

  .u-section-1 .u-text-1 {
    width: auto;
    margin-top: 76px;
    margin-left: 0;
  }

  .u-section-1 .u-btn-1 {
    margin-top: 26px;
    margin-bottom: 18px;
  }
}

@media (max-width: 767px) {
  .u-section-1 .u-sheet-1 {
    min-height: 223px;
  }

  .u-section-1 .u-text-1 {
    font-size: 1rem;
    margin-top: 40px;
  }
}

@media (max-width: 575px) {
  .u-section-1 .u-sheet-1 {
    min-height: 276px;
  }

  .u-section-1 .u-text-1 {
    margin-top: 34px;
    margin-right: -20px;
  }

  .u-section-1 .u-btn-1 {
    margin-top: 28px;
  }
}.u-section-2 .u-sheet-1 {
  min-height: 318px;
}

.u-section-2 .u-text-1 {
  font-weight: 400;
  margin: 24px 0 25px;
}

@media (max-width: 1199px) {
  .u-section-2 .u-sheet-1 {
    min-height: 346px;
  }

  .u-section-2 .u-text-1 {
    width: auto;
    margin: 39px -36px;
  }
}

@media (max-width: 991px) {
  .u-section-2 .u-sheet-1 {
    min-height: 529px;
  }

  .u-section-2 .u-text-1 {
    margin-left: 0;
    margin-right: 0;
  }
}

@media (max-width: 767px) {
  .u-section-2 .u-sheet-1 {
    min-height: 498px;
  }

  .u-section-2 .u-text-1 {
    margin-bottom: 49px;
  }
} .u-section-3 {
  background-image: linear-gradient(#00662f, #adcce9);
}

.u-section-3 .u-sheet-1 {
  min-height: 128px;
}

.u-section-3 .u-text-1 {
  font-size: 1.875rem;
  font-weight: 700;
  margin: 21px 0 0;
}

.u-section-3 .u-text-2 {
  font-weight: 400;
  font-size: 1.5rem;
  margin: 0 0 21px;
}

@media (max-width: 1199px) {
  .u-section-3 .u-text-2 {
    margin-top: 20px;
  }
}

@media (max-width: 991px) {
  .u-section-3 .u-text-2 {
    width: auto;
    margin-left: 41px;
    margin-right: 41px;
  }
}

@media (max-width: 767px) {
  .u-section-3 .u-sheet-1 {
    min-height: 110px;
  }

  .u-section-3 .u-text-1 {
    font-size: 1rem;
    width: auto;
    margin-top: 19px;
  }

  .u-section-3 .u-text-2 {
    font-size: 1rem;
    margin: 4px 33px 11px;
  }
}

@media (max-width: 575px) {
  .u-section-3 .u-sheet-1 {
    min-height: 119px;
  }

  .u-section-3 .u-text-2 {
    margin: 20px -7px 21px;
  }
}.u-section-4 .u-sheet-1 {
  min-height: 516px;
}

.u-section-4 .u-text-1 {
  font-weight: 400;
  margin: 30px 0 0;
}

.u-section-4 .u-text-2 {
  font-weight: 700;
  font-size: 1.25rem;
  margin: 9px 0 0;
}

.u-section-4 .u-text-3 {
  font-weight: 400;
  margin: 10px 0 0;
}

.u-section-4 .u-btn-1 {
  font-weight: 700;
  text-transform: uppercase;
  font-size: 0.875rem;
  letter-spacing: 1px;
  background-image: none;
  margin: 17px auto 0;
}

.u-section-4 .u-text-4 {
  font-size: 1.25rem;
  font-weight: 700;
  margin: 42px 0 0;
}

.u-section-4 .u-text-5 {
  font-weight: 400;
  margin: 9px 0 30px;
}

@media (max-width: 1199px) {
  .u-section-4 .u-sheet-1 {
    min-height: 545px;
  }

  .u-section-4 .u-btn-1 {
    margin-top: 23px;
  }

  .u-section-4 .u-text-4 {
    margin-top: 36px;
  }
}

@media (max-width: 991px) {
  .u-section-4 .u-sheet-1 {
    min-height: 539px;
  }

  .u-section-4 .u-text-2 {
    width: auto;
    margin-top: 13px;
  }

  .u-section-4 .u-text-3 {
    margin-top: 16px;
  }

  .u-section-4 .u-text-4 {
    font-size: 1.5rem;
  }
}

@media (max-width: 767px) {
  .u-section-4 .u-text-2 {
    font-size: 1rem;
  }

  .u-section-4 .u-text-4 {
    font-size: 1rem;
  }
}.u-section-5 .u-sheet-1 {
  min-height: 280px;
}

.u-section-5 .u-group-elements-1 {
  width: 200px;
  min-height: 251px;
  height: auto;
  margin: 5px auto 0 106px;
}

.u-section-5 .u-image-1 {
  height: auto;
  margin-top: 0;
  margin-bottom: 0;
}

.u-section-5 .u-text-1 {
  line-height: 1.1;
  margin: 13px 36px 0;
}

.u-section-5 .u-btn-1 {
  background-image: none;
  padding: 0;
}

.u-section-5 .u-group-elements-2 {
  width: 200px;
  min-height: 251px;
  margin: -251px auto 0 348px;
}

.u-section-5 .u-image-2 {
  width: 200px;
  height: 200px;
  margin: 0 auto 0 0;
}

.u-section-5 .u-text-2 {
  line-height: 1.1;
  margin: 13px 1px 0;
}

.u-section-5 .u-btn-2 {
  background-image: none;
  padding: 0;
}

.u-section-5 .u-group-elements-3 {
  width: 202px;
  min-height: 251px;
  height: auto;
  margin: -252px 348px 0 auto;
}

.u-section-5 .u-image-3 {
  width: 200px;
  height: 201px;
  margin: 0 0 0 auto;
}

.u-section-5 .u-text-3 {
  line-height: 1.1;
  margin: 12px 0 0;
}

.u-section-5 .u-btn-3 {
  background-image: none;
  padding: 0;
}

.u-section-5 .u-btn-4 {
  font-size: 1.125rem;
  margin: -39px 134px 0 auto;
  padding: 0;
}

.u-section-5 .u-image-4 {
  width: 197px;
  height: 199px;
  margin: -238px 101px 60px auto;
}

@media (max-width: 1199px) {
  .u-section-5 .u-group-elements-1 {
    margin-left: 7px;
  }

  .u-section-5 .u-image-1 {
    height: NaNpx;
  }

  .u-section-5 .u-group-elements-2 {
    height: auto;
    margin-left: 243px;
  }

  .u-section-5 .u-group-elements-3 {
    margin-right: auto;
    margin-left: 483px;
  }

  .u-section-5 .u-btn-4 {
    margin-top: -43px;
    margin-right: 51px;
  }

  .u-section-5 .u-image-4 {
    margin-top: -233px;
    margin-right: 18px;
  }
}

@media (max-width: 991px) {
  .u-section-5 .u-sheet-1 {
    min-height: 528px;
  }

  .u-section-5 .u-group-elements-1 {
    margin-left: 143px;
  }

  .u-section-5 .u-group-elements-2 {
    margin-left: 376px;
  }

  .u-section-5 .u-group-elements-3 {
    margin-top: 12px;
    margin-left: 132px;
  }

  .u-section-5 .u-btn-4 {
    margin-top: -37px;
    margin-right: 178px;
  }

  .u-section-5 .u-image-4 {
    width: 201px;
    height: 203px;
    margin-top: -240px;
    margin-right: 143px;
    margin-bottom: 57px;
  }
}

@media (max-width: 767px) {
  .u-section-5 .u-sheet-1 {
    min-height: 529px;
  }

  .u-section-5 .u-group-elements-1 {
    min-height: 264px;
    margin-left: 54px;
  }

  .u-section-5 .u-group-elements-2 {
    min-height: 248px;
    margin-top: -263px;
    margin-right: 53px;
    margin-left: auto;
  }

  .u-section-5 .u-image-2 {
    margin-right: initial;
    margin-left: initial;
    width: auto;
  }

  .u-section-5 .u-group-elements-3 {
    min-height: 231px;
    margin-top: 15px;
    margin-left: 52px;
  }

  .u-section-5 .u-btn-4 {
    font-size: 1rem;
    margin-top: -22px;
    margin-right: 93px;
  }

  .u-section-5 .u-image-4 {
    margin-top: -231px;
    margin-right: 53px;
  }
}

@media (max-width: 575px) {
  .u-section-5 .u-sheet-1 {
    min-height: 1090px;
  }

  .u-section-5 .u-group-elements-1 {
    min-height: 248px;
    margin-top: 0;
    margin-right: 68px;
    margin-left: auto;
  }

  .u-section-5 .u-text-1 {
    width: 128px;
    margin-left: auto;
    margin-right: auto;
  }

  .u-section-5 .u-group-elements-2 {
    margin-top: 36px;
    margin-right: auto;
  }

  .u-section-5 .u-text-2 {
    width: 198px;
    margin-left: auto;
    margin-right: auto;
  }

  .u-section-5 .u-group-elements-3 {
    width: 206px;
    margin-top: 36px;
    margin-left: auto;
  }

  .u-section-5 .u-btn-4 {
    margin-top: 249px;
    margin-right: auto;
  }

  .u-section-5 .u-image-4 {
    margin-top: -236px;
    margin-right: auto;
    margin-bottom: 52px;
  }
}
.u-section-6 {
    background-image: url("images/Cancello-new.jpg");
    background-size: 130%;
    background-position: 50% 50%;
    color: white;
}

.u-section-6 .u-sheet-1 {
  min-height: 659px;
}

.u-section-6 .u-text-1 {
  font-weight: 700;
  font-size: 1.875rem;
  margin: 44px auto 0;
}

.u-section-6 .u-text-2 {
  width: 693px;
  margin: 25px auto 0;
}

.u-section-6 .u-btn-1 {
  font-weight: 700;
  text-transform: uppercase;
  font-size: 0.875rem;
  letter-spacing: 1px;
  background-image: none;
  margin: 26px auto 60px;
}

@media (max-width: 1199px) {
    .u-section-6 {
        background-size: 140%;
        background-position: 50% 50%;
    }

  .u-section-6 .u-sheet-1 {
    min-height: 543px;
  }

  .u-section-6 .u-text-1 {
    width: auto;
    margin-top: 28px;
  }

  .u-section-6 .u-text-2 {
    width: auto;
    margin-top: 13px;
    margin-left: 88px;
    margin-right: 88px;
  }

  .u-section-6 .u-btn-1 {
    margin-top: 15px;
  }
}

@media (max-width: 991px) {
    .u-section-6 {
        background-size: 125%;
        background-position: 50% 50%;
    }

  .u-section-6 .u-sheet-1 {
    min-height: 416px;
  }

  .u-section-6 .u-text-1 {
    margin-top: 15px;
    margin-left: 56px;
    margin-right: 56px;
  }

  .u-section-6 .u-text-2 {
    margin-top: 5px;
    margin-left: auto;
    margin-right: auto;
  }

  .u-section-6 .u-btn-1 {
    margin-top: 12px;
  }
}

@media (max-width: 767px) {
   .u-section-6 {
    background-size: 140%;
  }

  .u-section-6 .u-sheet-1 {
    min-height: 406px;
  }

  .u-section-6 .u-text-1 {
    font-size: 1rem;
    width: 324px;
    margin-top: 9px;
    margin-left: auto;
    margin-right: auto;
  }

  .u-section-6 .u-text-2 {
    line-height: 1.4;
    margin-top: 10px;
    margin-left: 26px;
    margin-right: 26px;
  }

  .u-section-6 .u-btn-1 {
    margin-top: 10px;
  }
}

@media (max-width: 575px) {
    .u-section-6 {
        background-position: 50% 50%;
        background-size: auto 140%;
    }

  .u-section-6 .u-sheet-1 {
    min-height: 366px;
  }

  .u-section-6 .u-text-1 {
    width: auto;
    margin-top: 6px;
    margin-left: 8px;
    margin-right: 8px;
  }

  .u-section-6 .u-text-2 {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .u-section-6 .u-btn-1 {
    margin-top: 17px;
    margin-bottom: 22px;
  }
}.u-section-7 .u-sheet-1 {
  min-height: 18px;
} .u-section-8 {
  background-image: linear-gradient(#00662f, #adcce9);
}

.u-section-8 .u-sheet-1 {
  min-height: 130px;
}

.u-section-8 .u-text-1 {
  font-size: 1.875rem;
  font-weight: 700;
  margin: 21px 0 0;
}

.u-section-8 .u-text-2 {
  font-weight: 400;
  font-size: 1.5rem;
  margin: 0 0 23px;
}

@media (max-width: 1199px) {
  .u-section-8 .u-text-2 {
    margin-top: 20px;
  }
}

@media (max-width: 767px) {
  .u-section-8 .u-sheet-1 {
    min-height: 71px;
  }

  .u-section-8 .u-text-1 {
    font-size: 1rem;
    margin-top: 10px;
  }

  .u-section-8 .u-text-2 {
    font-size: 1rem;
    margin-top: 0;
    margin-bottom: 10px;
  }
}.u-section-9 .u-sheet-1 {
  min-height: 294px;
}

.u-section-9 .u-text-1 {
  margin: 32px 0;
}

@media (max-width: 991px) {
  .u-section-9 .u-sheet-1 {
    min-height: 352px;
  }

  .u-section-9 .u-text-1 {
    width: auto;
    margin-left: 8px;
    margin-right: 8px;
  }
}

@media (max-width: 767px) {
  .u-section-9 .u-text-1 {
    margin-left: 0;
    margin-right: 0;
  }
}

@media (max-width: 575px) {
  .u-section-9 .u-sheet-1 {
    min-height: 459px;
  }

  .u-section-9 .u-text-1 {
    margin-top: 25px;
    margin-bottom: 25px;
  }
}
.u-section-10 {
    background-image: url("images/Morcote-Notturna.jpg");
    background-position: 50% 50%;
}

.u-section-10 .u-sheet-1 {
  min-height: 272px;
}

@media (max-width: 1199px) {
  .u-section-10 .u-sheet-1 {
    min-height: 224px;
  }
}

@media (max-width: 991px) {
  .u-section-10 .u-sheet-1 {
    min-height: 172px;
  }
}

@media (max-width: 767px) {
  .u-section-10 .u-sheet-1 {
    min-height: 129px;
  }
}

@media (max-width: 575px) {
  .u-section-10 .u-sheet-1 {
    min-height: 172px;
  }
}.u-section-11 .u-sheet-1 {
  min-height: 470px;
}

.u-section-11 .u-text-1 {
  font-size: 1.875rem;
  font-weight: 700;
  margin: 21px 0 0;
}

.u-section-11 .u-text-2 {
  margin: 10px 0 0;
}

.u-section-11 .u-text-3 {
  font-size: 1.875rem;
  font-weight: 700;
  margin: 37px 0 0;
}

.u-section-11 .u-text-4 {
  margin: 10px 0 37px;
}

@media (max-width: 1199px) {
  .u-section-11 .u-sheet-1 {
    min-height: 614px;
  }

  .u-section-11 .u-text-2 {
    width: auto;
    margin-left: 34px;
    margin-right: 34px;
  }

  .u-section-11 .u-text-3 {
    width: auto;
    margin-top: 48px;
  }

  .u-section-11 .u-text-4 {
    width: auto;
    margin-bottom: 55px;
  }
}

@media (max-width: 991px) {
  .u-section-11 .u-sheet-1 {
    min-height: 672px;
  }

  .u-section-11 .u-text-2 {
    margin-left: 18px;
    margin-right: 18px;
  }

  .u-section-11 .u-text-3 {
    margin-top: 47px;
  }
}

@media (max-width: 767px) {
  .u-section-11 .u-sheet-1 {
    min-height: 556px;
  }

  .u-section-11 .u-text-1 {
    font-size: 1rem;
  }

  .u-section-11 .u-text-2 {
    margin-left: 0;
    margin-right: 0;
  }

  .u-section-11 .u-text-3 {
    font-size: 1rem;
  }

  .u-section-11 .u-text-4 {
    margin-left: -8px;
    margin-right: -8px;
    margin-bottom: 32px;
  }
}

@media (max-width: 575px) {
  .u-section-11 .u-sheet-1 {
    min-height: 786px;
  }

  .u-section-11 .u-text-4 {
    margin-left: 0;
    margin-right: 0;
  }
} .u-section-12 {
  background-image: linear-gradient(#00662f, #adcce9);
}

.u-section-12 .u-sheet-1 {
  min-height: 230px;
}

.u-section-12 .u-text-1 {
  font-weight: 400;
  font-size: 1.5rem;
  margin: 24px 0 0;
}

.u-section-12 .u-btn-1 {
  font-weight: 700;
  text-transform: uppercase;
  font-size: 0.875rem;
  letter-spacing: 1px;
  background-image: none;
  margin: 20px auto 19px;
}

@media (max-width: 767px) {
  .u-section-12 .u-sheet-1 {
    min-height: 250px;
  }

  .u-section-12 .u-text-1 {
    font-size: 1rem;
    width: auto;
    margin-top: 14px;
    margin-left: 27px;
    margin-right: 27px;
  }

  .u-section-12 .u-btn-1 {
    margin-top: 8px;
    margin-bottom: 16px;
  }
}

@media (max-width: 575px) {
  .u-section-12 .u-text-1 {
    margin-left: 0;
    margin-right: 0;
  }
}