@media ( max-width: 1000px) {
.text-form{
   width: 85%;
}
   .btn {
      width: 40%;
      height: 40px;
      font-size: 15px;
   }

   .title {
      font-size: 40px;
   }

   text {
      font-size: 15px;
   }
}
@media  ( max-width: 900px) {
.text-form{
   width: 90%;
}

.btn {
   width: 50%;
   height: 40px;
   font-size: 10px;
}

.title {
   font-size: 20px;
}

.text {
   font-size: 15px;
}
}
@media  ( max-width: 760px) {
   .text-form{
      width: 100%;
   }
  .title{
     font-size: 15px;
  }
}
@media  ( max-width: 640px) {
   .text-form{
      width: 100%;
   }
   .text{
      font-size: 15px;
   }
   .title {
      font-size: 18px;
   }
}
@media  ( max-width: 600px) {
   .title{
      font-size: 15px;
}
   .text-form{
      width: 100%;
   }
   .title{
      font-size: 18px;
   }
   .text{
      font-size: 16px;
   }
}
@media  ( max-width: 570px) {
   .title{
      font-size: 15px;
   }
   .text-form{
      width: 100%;
   }
   .title{
      font-size: 14px;
   }
   .text{
      font-size: 14px;
   }
}
@media  ( max-width: 500px) {
   .text-form{
   width: 100%;
}
.title{
font-size: 12px;}

.text{
   font-size: 12px;
}}
@media   (max-width: 460px) {
   .text-form{
      width: 100%;
   }
   .text{
      font-size: 10px;
   }
   .title{
      font-size: 12px;
   }
   .btn{
      width: 50%;
      height: 30px;
   }
}
@media  ( max-width: 365px) {
   .text-form{
      width: 100%;
   }
   .text{
      font-size: 10px;
   }
   .title{
      font-size: 12px;
   }
   .btn{
      width: 60%;
      height: 10px;
      font-size: 9px;
   }
}
@media  ( max-width: 350px) {
   .text-form{
      width: 100%;
   }
   .text{
      font-size: 9px;
   }
   .title{
      font-size: 12px;
   }
   .btn{
      width: 50%;
      height: 10px;
      font-size: 9px;
   }
}
@media  ( max-width: 300px) {
   .text-form{
      width: 100%;
   }
   .text{
      font-size: 8px;
   }
   .title{
      font-size: 10px;
   }
   .btn{
      width: 50%;
      height: 10px;
      font-size: 9px;
   }
}