@media (min-width: 300px) {
  #herotxt {
    font-weight: bold;
    font-size: 45px;
    margin-bottom: 0px;
  }
}

@media (min-width: 768px) {
  #herotxt {
    font-weight: bold;
    font-size: 32px;
    margin-bottom: 0px;
  }
}

@media (min-width: 992px) {
  #herotxt {
    font-weight: bold;
    font-size: 47px;
    margin-bottom: 0px;
  }
}

@media (min-width: 1200px) {
  #herotxt {
    font-weight: bold;
    font-size: 58px;
    margin-bottom: 0px;
  }
}

@media (min-width: 1400px) {
  #herotxt {
    font-weight: bold;
    font-size: 70px;
    margin-bottom: 0px;
  }
}