.title-wrapper {
  font-family: var(--font-family-primary);
  font-size: 10rem;
  color: var(--secondary-text-color);
  font-weight: 600;
  line-height: 12.5rem;
}
@media screen and (max-width: 767px) {
.title-wrapper {
    font-size: 4rem;
    line-height: 6rem;
}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.title-wrapper {
    font-size: 6rem;
    line-height: 8rem;
}
}
@media screen and (min-width: 1025px) and (max-width: 1447px) {
.title-wrapper {
    font-size: 8rem;
}
}