.u-section-1 {
  background-image: linear-gradient(#ccd3db, #292d33);
}

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

.u-section-1 .u-text-1 {
  font-size: 3rem;
  margin: 39px auto 0;
}

.u-section-1 .u-text-2 {
  text-transform: uppercase;
  font-size: 1.875rem;
  margin: 0 auto;
}

.u-section-1 .u-layout-wrap-1 {
  width: 570px;
  margin: 46px auto 0 0;
}

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

.u-section-1 .u-container-layout-1 {
  padding: 12px 0 3px;
}

.u-section-1 .u-video-1 {
  filter: brightness(0.8);
  transition-duration: 0.5s;
  text-shadow: 0px 0px 0px rgba(0,0,0,0);
  box-shadow: 2px 2px 8px 0px rgba(128,128,128,1);
  transform: translateX(0px) translateY(0px) scale(1) rotate(0deg);
}

.u-section-1 .embed-responsive-1 {
  position: absolute;
}

.u-section-1 .u-video-poster-1 {
  background-image: url("images/WebsiteBellaLunaBoxVideo1.jpg");
}

.u-section-1 .u-video-2 {
  width: 555px;
  height: 370px;
  box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.4);
  margin: -370px 0 0 auto;
}

.u-section-1 .embed-responsive-2 {
  position: absolute;
}

.u-section-1 .u-video-poster-2 {
  background-image: url("images/WebsiteBellaLunaBoxVideo2small.jpg");
}

.u-section-1 .u-video-3 {
  width: 570px;
  height: 370px;
  box-shadow: 5px 5px 20px 0 rgba(0,0,0,0.4);
  margin: 15px auto 0 0;
}

.u-section-1 .embed-responsive-3 {
  position: absolute;
}

.u-section-1 .u-video-poster-3 {
  background-image: url("images/WebsiteBellaLunaBoxVideo3small.jpg");
}

.u-section-1 .u-video-4 {
  width: 555px;
  height: 370px;
  box-shadow: 5px 5px 20px 0 rgba(0,0,0,0.4);
  margin: -370px 0 60px auto;
}

.u-section-1 .embed-responsive-4 {
  position: absolute;
}

.u-section-1 .u-video-poster-4 {
  background-image: url("images/PromoColajRestaurantBellaLuna2023.jpg");
}

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

  .u-section-1 .u-layout-wrap-1 {
    width: 455px;
  }

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

  .u-section-1 .u-video-2 {
    width: 470px;
    height: 279px;
    margin-top: -279px;
  }

  .u-section-1 .u-video-3 {
    width: 455px;
    height: 295px;
    margin-top: 16px;
  }

  .u-section-1 .u-video-4 {
    width: 470px;
    height: 295px;
    margin-top: -295px;
    margin-bottom: 45px;
  }
}

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

  .u-section-1 .u-layout-wrap-1 {
    margin-top: 51px;
    margin-left: auto;
  }

  .u-section-1 .u-container-layout-1 {
    padding-left: 30px;
    padding-right: 30px;
  }

  .u-section-1 .u-video-2 {
    margin-top: 15px;
    margin-right: auto;
  }

  .u-section-1 .u-video-3 {
    margin-top: 11px;
    margin-left: auto;
  }

  .u-section-1 .u-video-4 {
    margin-top: 15px;
    margin-right: auto;
    margin-bottom: 59px;
  }
}

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

  .u-section-1 .u-text-2 {
    width: auto;
    margin-top: 7px;
  }

  .u-section-1 .u-layout-wrap-1 {
    margin-top: 15px;
    margin-right: initial;
    margin-left: initial;
    width: auto;
  }

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

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

  .u-section-1 .u-video-2 {
    height: 344px;
    margin-top: 7px;
    margin-right: initial;
    margin-left: initial;
    width: auto;
  }

  .u-section-1 .u-video-3 {
    height: 317px;
    margin-top: 348px;
    margin-right: initial;
    margin-left: initial;
    width: auto;
  }

  .u-section-1 .u-video-4 {
    height: 326px;
    margin-top: -650px;
    margin-bottom: 60px;
    margin-right: initial;
    margin-left: initial;
    width: auto;
  }
}

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

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

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

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

  .u-section-1 .u-video-2 {
    height: 202px;
    margin-top: 14px;
    width: auto;
    margin-right: initial;
    margin-left: initial;
  }

  .u-section-1 .u-video-3 {
    height: 221px;
    margin-top: 11px;
    width: auto;
    margin-right: initial;
    margin-left: initial;
  }

  .u-section-1 .u-video-4 {
    height: 214px;
    margin-top: 14px;
    width: auto;
    margin-right: initial;
    margin-left: initial;
  }
}

.u-section-1 .u-video-1,
.u-section-1 .u-video-1:before,
.u-section-1 .u-video-1 > .u-container-layout:before {
  transition-property: fill, color, background-color, stroke-width, border-style, border-width, border-top-width, border-left-width, border-right-width, border-bottom-width, custom-border, borders, box-shadow, text-shadow, opacity, border-radius, stroke, border-color, font-size, font-style, font-weight, text-decoration, letter-spacing, transform, background-image, image-zoom, background-size, background-position;
}

.u-section-1 :hover > .u-container-layout .u-video-1 {
  transform: rotate(0deg) scale(1) translateX(0px) translateY(0px) !important;
}

.u-section-1 .hover > .u-container-layout .u-video-1 {
  transform: rotate(0deg) scale(1) translateX(0px) translateY(0px) !important;
} .u-section-2 {
  background-image: linear-gradient(#ccd3db, #ccd3db);
}

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

.u-section-2 .u-text-1 {
  line-height: 1.8;
  margin: 37px 0 0 18px;
}

.u-section-2 .u-text-2 {
  margin: 18px 0 60px 18px;
}

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

  .u-section-2 .u-text-1 {
    width: 680px;
    margin-top: 27px;
    margin-left: auto;
    margin-right: auto;
  }

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

@media (max-width: 991px) {
  .u-section-2 .u-text-2 {
    margin-top: 18px;
    margin-right: -22px;
    margin-left: 22px;
  }
}

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

  .u-section-2 .u-text-1 {
    width: auto;
    margin-top: 18px;
  }

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

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

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

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