.title-white {
  font-family: DINPro-CondensedBold;
  /* font-size: 36px; */
  color: #fff;
}
.title-green {
  font-family: DINPro-CondensedBold;
  font-size: 36px;
  color: #006e46;
}

.title-green-clean {
  font-family: DINPro-CondensedBold;
  color: #006e46;
}

.sub-title-white {
  /* font-family: DINPro-Medium; */
  font-size: 23px;
  color: white;
}

.sub-title-clean {
  font-size: 24px;
}

.sub-title-white-bold {
  font-family: 'DINPro-Bold';
  font-size: 24px;
  color: white;
}

.sub-title-CondensedBold {
  font-family: DINPro-CondensedBold;
  font-size: 28px;
  color: black;
}

.sub-title-black {
  color: black;
}

/* Para telas menores que 600px */
@media (min-width: 300px) and (max-width: 600px) {
  /* .title-white {
    font-size: 20px;
  } */
  .sub-title-white{
    font-size: 12px;
  }
  .sub-title-clean{
    font-size: 12px;
  }
  .title-green {
    font-size: 24px;
  }
  .sub-title-CondensedBold {
    font-size: 20px;
  }
  .sub-title-black {
    font-size: 10px;
  }
}

/* Para telas entre 600px e 1024px */
@media (min-width: 600px) and (max-width: 1024px) {
  /* .title-white {
    font-size: 28px;
  } */
  .sub-title-white{
    font-size: 20px;
  }
  .sub-title-clean{
    font-size: 20px;
  }
  .sub-title-white-bold {
    font-size: 20px;
  }
  /* .title-green {
    font-size: 28px;
    text-align: center;
  } */
}

/* Para telas maiores que 1024px */
/* @media (min-width: 1024px) {
  .title-white {
    font-size: 36px;
  }
  .sub-title-white{
    font-size: 24px;
  }
  .title-green {
    font-size: 36px;
    text-align: center;
  }
} */