.text-14-400 {
  font-size: 14px;
  font-weight: 400;
}

.text-16-300 {
  font-size: 16px;
  font-weight: 300;
}

.text-16-400 {
  font-size: 16px;
  font-weight: 400;
}

.text-20-300 {
  font-size: 20px;
  font-weight: 300;
}

.text-20-400 {
  font-size: 20px;
  font-weight: 400;
}

.text-20-500 {
  font-size: 20px;
  font-weight: 500;
}

.text-24-300 {
  font-size: 24px;
  font-weight: 300;
}

.text-24-500 {
  font-size: 24px;
  font-weight: 500;
}

.text-28-400 {
  font-size: 28px;
  font-weight: 400;
}

.text-30-400 {
  font-size: 30px;
  font-weight: 400;
}

.text-32-300 {
  font-size: 32px;
  font-weight: 300;
}

.text-32-400 {
  font-size: 32px;
  font-weight: 400;
}

.text-32-500 {
  font-size: 32px;
  font-weight: 500;
}

.text-32-700 {
  font-size: 32px;
  font-weight: 700;
}

.text-36-500 {
  font-size: 36px;
  font-weight: 500;
  line-height: 105%;
}

.text-40-400 {
  font-size: 40px;
  font-weight: 400;
}

.text-40-500 {
  font-size: 40px;
  font-weight: 500;
}

.text-48-500 {
  font-size: 48px;
  font-weight: 500;
}

.text-74-500 {
  font-size: 74px;
  font-weight: 500;
}

.text-74-600 {
  font-size: 74px;
  font-weight: 600;
}

.text-96-500 {
  font-size: 96px;
  font-weight: 500;
}

/*desktop mini*/
@media screen and (max-width: 1400px) {

}

/*tablet*/
@media screen and (max-width: 1000px) {

}

/*phone*/
@media screen and (max-width: 600px) {
  .text-40-500 {
    font-size: 36px;
  }

  .text-40-400 {
    font-size: 32px;
  }

  .text-20-300 {
    font-size: 18px;
  }

  .text-32-500 {
    font-size: 28px;
    line-height: 105%;
  }

  .text-24-500 {
    font-size: 20px;
  }

  .text-20-400 {
    font-size: 16px;
  }

  .text-30-400 {
    font-size: 24px;
  }

  .text-32-300, .text-32-700 {
    font-size: 24px;
  }

  .text-28-400 {
    font-size: 22px;
  }

  .text-36-500 {
    font-size: 30px;
  }

  .text-40-500 {
    line-height: 105%;
  }

  .text-48-500 {
    font-size: 36px;
  }
}