@media (max-width:640px) {
  .headline-container span.headline.home {
    font-size: 1.3rem;
    text-align: center;
    transform: translate(-50%,-50%);
    left: 50%;
    width: 85%;
    top: 45%;
  }
}

@media (min-width:640px) and (max-width:1025px) {
  .headline-container span.headline.home {
    top: 45%;
    font-size: 1.6rem;
    max-width: 770px;
    margin: 0 auto;
    display: block;
    position: relative;
  }

}
.headline-container span.headline.home {
    text-align: center;
}