@media (max-width: 700px) {
  textarea {
    width: 90%;
  }

  .row {
    width: 90%;
  }
}

@media (max-width: 500px) {
  .row {
    flex-direction: column;
    align-items: start;
  }

  select {
   flex: none; 
   width: 100%;
  }

  .hiro h1{
   font-size: 30px;
  }
}