.u-section-1 {
  filter: none;
  background-image: url("../images/colloseum3.jpg");
  background-position: 50% 50%;
  min-height: 50vh;
}

.u-section-1 .u-text-1 {
  font-size: 6rem;
  font-weight: 700;
  font-family: "Abril Fatface";
  text-shadow: 2px 2px 8px rgba(var(---r),var(---g),var(---b),0.4);
  margin: 16px calc(((100% - 1140px) / 2)  + 356px) 0 calc(((100% - 1140px) / 2)  + 402px);
}

.u-section-1 .u-text-2 {
  font-size: 3rem;
  font-family: "Abril Fatface";
  margin: 46px calc(((100% - 1140px) / 2)) 36px calc(((100% - 1140px) / 2)  + -100px);
}

@media (max-width: 1199px) {
  .u-section-1 .u-text-1 {
    font-size: 4.5rem;
    margin-right: calc(((100% - 940px) / 2) + 256px);
    margin-left: calc(((100% - 940px) / 2) + 302px);
  }

  .u-section-1 .u-text-2 {
    margin-right: calc(((100% - 940px) / 2));
    margin-left: calc(((100% - 940px) / 2));
  }
}

@media (max-width: 991px) {
  .u-section-1 .u-text-1 {
    margin-right: calc(((100% - 720px) / 2) + 146px);
    margin-left: calc(((100% - 720px) / 2) + 192px);
  }

  .u-section-1 .u-text-2 {
    margin-right: calc(((100% - 720px) / 2));
    margin-left: calc(((100% - 720px) / 2));
  }
}

@media (max-width: 767px) {
  .u-section-1 .u-text-1 {
    font-size: 3.75rem;
    margin-right: calc(((100% - 540px) / 2) + 56px);
    margin-left: calc(((100% - 540px) / 2) + 102px);
  }

  .u-section-1 .u-text-2 {
    margin-right: calc(((100% - 540px) / 2));
    margin-left: calc(((100% - 540px) / 2));
  }
}

@media (max-width: 575px) {
  .u-section-1 .u-text-1 {
    font-size: 3rem;
    margin-right: calc(((100% - 340px) / 2));
    margin-left: calc(((100% - 340px) / 2));
  }

  .u-section-1 .u-text-2 {
    margin-right: calc(((100% - 340px) / 2));
    margin-left: calc(((100% - 340px) / 2));
  }
}.u-section-2 .u-sheet-1 {
  min-height: 678px;
}

.u-section-2 .u-text-1 {
  margin: 59px auto 0;
}

.u-section-2 .u-layout-wrap-1 {
  margin-top: 31px;
  margin-bottom: 60px;
}

.u-section-2 .u-layout-cell-1 {
  min-height: 412px;
  filter: none;
}

.u-section-2 .u-container-layout-1 {
  padding: 18px 43px;
}

.u-section-2 .u-image-1 {
  width: 233px;
  height: 171px;
  box-shadow: 5px 5px 20px 0 rgba(0,0,0,0.4);
  margin: 17px auto 0;
}

.u-section-2 .u-text-2 {
  font-weight: 700;
  margin: 36px 90px 0 76px;
}

.u-section-2 .u-btn-1 {
  font-size: 1.5rem;
  margin: 26px auto 0 36px;
}

.u-section-2 .u-layout-cell-2 {
  min-height: 456px;
}

.u-section-2 .u-container-layout-2 {
  padding: 0;
}

.u-section-2 .u-text-3 {
  font-weight: 700;
  margin: 9px 466px 0 50px;
}

.u-section-2 .u-text-4 {
  margin: 30px 0 0;
}

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

  .u-section-2 .u-text-1 {
    margin-top: -14px;
  }

  .u-section-2 .u-layout-wrap-1 {
    margin-top: 103px;
  }

  .u-section-2 .u-layout-cell-1 {
    background-position: 50% 50%;
    min-height: 340px;
  }

  .u-section-2 .u-container-layout-1 {
    padding-left: 0;
    padding-right: 0;
  }

  .u-section-2 .u-image-1 {
    width: 200px;
    height: 139px;
    margin-top: 40px;
  }

  .u-section-2 .u-text-2 {
    margin-top: 26px;
    margin-right: 103px;
    margin-left: 89px;
  }

  .u-section-2 .u-btn-1 {
    margin-left: 43px;
  }

  .u-section-2 .u-layout-cell-2 {
    min-height: 376px;
  }

  .u-section-2 .u-text-3 {
    margin-right: 376px;
    margin-left: 0;
  }
}

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

  .u-section-2 .u-text-1 {
    margin-top: 263px;
  }

  .u-section-2 .u-layout-wrap-1 {
    margin-top: 32px;
    margin-bottom: -429px;
  }

  .u-section-2 .u-layout-cell-1 {
    min-height: 100px;
  }

  .u-section-2 .u-image-1 {
    height: 110px;
  }

  .u-section-2 .u-text-2 {
    margin-right: 70px;
    margin-left: 56px;
  }

  .u-section-2 .u-btn-1 {
    margin-left: 20px;
  }

  .u-section-2 .u-layout-cell-2 {
    min-height: 100px;
  }

  .u-section-2 .u-text-3 {
    margin-right: 222px;
  }
}

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

  .u-section-2 .u-text-1 {
    margin-top: 315px;
  }

  .u-section-2 .u-layout-wrap-1 {
    margin-top: -333px;
    margin-bottom: -321px;
  }

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

  .u-section-2 .u-btn-1 {
    margin-top: 15px;
    margin-left: auto;
  }
}

@media (max-width: 575px) {
  .u-section-2 .u-text-1 {
    margin-top: 423px;
  }

  .u-section-2 .u-layout-wrap-1 {
    margin-top: -434px;
    margin-bottom: -383px;
  }

  .u-section-2 .u-text-2 {
    width: 340px;
  }

  .u-section-2 .u-text-3 {
    margin-right: 22px;
  }
}