.about-hero__title{
  max-width: 631px;
  @media(max-width: 1200px){
    max-width: 400px;
  }
  @media(max-width: 1024px){
    max-width: 374px;
  }
  @media(max-width: 700px){
    max-width: 300px;
  }
  @media(max-width: 600px){
    max-width: 200px;
  }
}

.about-hero{
  height: 600px;
  @media(max-width: 1024px){
    height: 470px;
  }
  @media(max-width: 600px){
    height: 400px;
  }
}

.about-hero__line-two{
  top: 53.2%;
}

.about-hero__line-one{
  top: 43.2%;
}

.about-hero__image{
  bottom: 5%;
  @media(max-width: 700px){
    bottom: 12%;
  }
  @media(max-width: 600px){
    bottom: 10%;
  }
}

.hero__content{
  @media(max-width: 1024px){
    justify-content: flex-start;
  }
}

.about-hero__text{
  @media(max-width: 1024px){
    max-width: 412px;
  }
  @media(max-width: 1200px){
    max-width: 500px;
  }
  @media(max-width: 600px){
    max-width: 303px;
  }
}