@media only screen 
/* and (min-device-width: 1100px)  */
and (max-device-width: 850px)
{
      .form-contacto {
    background: #ebebebeb;
    padding: 50px 100px;
    width: 90%;
    border-top: 10px solid #050a4d;
  }

  .text-contacto h2{
    font-size: 3rem;
    margin-bottom: 3rem;
    font-weight: 600;
    color: #050a4d;
}
}

@media screen 
and (max-device-width: 550px){
  .text-contacto h2{
    font-size: 2.5rem;
    margin-bottom: 2rem;
    font-weight: 600;
    color: #050a4d;
  }

  .form-contacto {
    background: #ebebebeb;
    padding: 20px 50px 30px 50px;
    width: 90%;
    border-top: 10px solid #050a4d;
  }
}