.formulario{
    background-color: #f7f4cd;
    margin-left: 5%;
    margin-right: 5%;
    padding: 10px 15px 40px 15px;
    box-shadow: 0 3px 5px #989898;
    justify-items: center;

}

.titulo_contato{    
    background: #f5831f;
    padding: 1%;
    margin: 1% 4%;
    justify-items: center;
    border-radius: 10px;

}

.titulo_contato h1{
    text-align: center;
    color: #f5f1f1;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 2.6rem; 
    
}

.form {
    display: grid;   
}
.field{
    padding: 10px;
    margin-bottom: 12px;
    border: 1px solid #000;
    border-radius: 5px;
  
    width: 100%;
}

.field:hover{
    background: #eeecec;
}
.contato_nome{
    width: 50%;
    padding-right: 2%;
    float: left;

 }
.botao_enviar {
border: 3px solid #f00;
border-radius: 300px;
background-color: #fff;
color: #f00;
cursor: pointer;
padding: 5px 20px;
display: block;
margin: 0 auto;
margin-top: 16px;

}

.botao_enviar:hover[type="submit"]{
    background: #ecd5d5;
}

textarea {
    height: 270px;
}

.contato p {   
   
    color: #fff;            
    text-transform: uppercase;    
    font-weight: bold; 
   
}

.sucessoformulario{
    background-color: #00a11f;
    color: #fff;
    padding: 10px;
    margin-bottom: 20px;
    border-radius: 5px;
}


@media(min-width: 250px){
  
  

}