.u-section-1 {
  background-image: linear-gradient(0deg, rgba(41,45,51,0.45), rgba(41,45,51,0.45)), url("images/mayro-tlo.jpg");
  background-position: 50% 50%;
}

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

.u-section-1 .u-text-1 {
  font-size: 4.5rem;
  margin: 286px -38px 0 500px;
}

.u-section-1 .u-text-2 {
  letter-spacing: 3px;
  margin: 57px 281px 60px 554px;
}

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

  .u-section-1 .u-text-1 {
    position: relative;
    margin-left: 400px;
    width: 679px;
  }

  .u-section-1 .u-text-2 {
    position: relative;
    margin-left: 454px;
    margin-right: 181px;
    width: 679px;
  }
}

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

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

  .u-section-1 .u-text-2 {
    margin-left: 344px;
    margin-right: 71px;
  }
}

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

  .u-section-1 .u-text-1 {
    font-size: 3.75rem;
    width: 540px;
    margin-left: 200px;
  }

  .u-section-1 .u-text-2 {
    margin-left: 235px;
    margin-right: 0;
    width: 540px;
  }
}

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

  .u-section-1 .u-text-1 {
    margin-left: 0;
    margin-right: 0;
    width: 340px;
  }

  .u-section-1 .u-text-2 {
    margin-left: 35px;
    width: 340px;
  }
}