.u-section-1 {
  background-image: url("images/happypeopleteam-naslovna.jpg");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.u-section-1 .u-sheet-1 {
  min-height: 100vh;
}

.u-section-1 .u-text-1 {
  font-size: 4.5rem;
  letter-spacing: 19px;
  text-shadow: 1px 1px 8px rgba(0,0,0,0.4);
  font-weight: 200;
  margin: 227px 0 0;
}

.u-section-1 .u-text-2 {
  font-size: 2.25rem;
  font-weight: 100;
  text-shadow: 1px 1px 8px rgba(0,0,0,0.4);
  margin: 40px 0 0;
}

.u-section-1 .u-text-3 {
  font-size: 1rem;
  text-shadow: 1px 1px 8px rgba(0,0,0,0.4);
  font-weight: 300;
  margin: 479px 0 60px;
}

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

  .u-section-1 .u-text-1 {
    font-size: 3.75rem;
    letter-spacing: 16px;
  }

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

  .u-section-1 .u-text-3 {
    width: auto;
    margin-top: 507px;
  }
}

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

  .u-section-1 .u-text-1 {
    font-size: 3rem;
    letter-spacing: 13px;
  }

  .u-section-1 .u-text-3 {
    margin-top: 511px;
  }
}

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

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

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

  .u-section-1 .u-text-3 {
    margin-top: 476px;
  }
}

@media (max-width: 575px) {
   .u-section-1 {
    background-position: 51.4% 50%;
  }

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

  .u-section-1 .u-text-1 {
    font-size: 1.625rem;
    letter-spacing: 5px;
    width: auto;
    font-weight: 300;
  }

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

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