/* Title */

.title-1 *,
.title-1 {
  font-size: 96px;
  line-height: 95.3%;
}

.title-2 *,
.title-2 {
  font-size: 70px;
  line-height: 94.3%;
}

.title-3 *,
.title-3 {
  font-size: 45px;
  line-height: 58px;
}

.title-4 *,
.title-4 {
  font-size: 25px;
  line-height: 32px;
}

/* Text */

.text-1 *,
.text-1 {
  font-size: 20px;
  line-height: 26px;
}

.text-2 *,
.text-2 {
  font-size: 18px;
  line-height: 23px;
}

.text-3 *,
.text-3 {
  font-size: 16px;
  line-height: 21px;
}

.text-4 *,
.text-4 {
  font-size: 14px;
  line-height: 18px;
}

.text-5 *,
.text-5 {
  font-size: 12px;
  line-height: 16px;
}

.--halvetica-font *,
.--halvetica-font {
  font-family: "Helvetica Neue", sans-serif;
}

.--medium *,
.--medium {
  font-weight: 500;
}

.--bold *,
.--bold {
  font-weight: 700;
}

.--white-text *,
.--white-text {
  color: var(--white);
}

.--blue-text *,
.--blue-text {
  color: var(--blue);
}

.--pink-text *,
.--pink-text {
  color: var(--pink);
}

.--opacity-text {
  opacity: 0.5;
}

@media screen and (max-width: 1024px) {
  /* Mobile title */

  .mob-title-1 *,
  .mob-title-1 {
    font-size: 50px;
    line-height: 94.3%;
  }

  .mob-title-2 *,
  .mob-title-2 {
    font-size: 40px;
    line-height: 100.8%;
  }

  .mob-title-3 *,
  .mob-title-3 {
    font-size: 30px;
    line-height: 94.3%;
  }

  .mob-title-4 *,
  .mob-title-4 {
    font-size: 30px;
    line-height: 38px;
  }

  .mob-title-5 *,
  .mob-title-5 {
    font-size: 25px;
    line-height: 32px;
  }

  /* Mobile text */

  .mob-text-1 *,
  .mob-text-1 {
    font-size: 20px;
    line-height: 26px;
  }

  .mob-text-2 *,
  .mob-text-2 {
    font-size: 16px;
    line-height: 21px;
  }

  .mob-text-3 *,
  .mob-text-3 {
    font-size: 14px;
    line-height: 18px;
  }

  .mob-text-4 *,
  .mob-text-4 {
    font-size: 12px;
    line-height: 16px;
  }
}