.contact{
  padding: 0px 90px;
}
.contact{
  margin-top: 140px;
}
.contact h4{
  display: flex;
  justify-content: center;
  font-weight: 500;
  font-size: 34px;
}
.contact form{
  width: 100%;
}
.inputs-dados{
  margin-top: 20px;
  gap: 10px;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  outline: none;
  box-sizing: border-box;
}
.inputs-dados input{
  flex: 1;
  border: 1px solid #ccc;
  padding: 10px;
  outline: none;
  box-sizing: border-box;
}
.button-send {
  display: flex;
  justify-content: end;
}
.button-send input[type="submit"]{
  cursor: pointer;
   padding: 10px 30px;
  background-color: var(--azul);
  color: var(--branco);
}
.button-send input[type="submit"]:hover{
  background-color: #ededed;
  color: #000;
}
#textarea{
  margin-top: 20px;
  width: 100%;
  height: 200px;
  padding: 10px;
  border: 1px solid #ccc;
  outline: none;
}
footer{
  margin-top: 50px;
}

@media (min-width: 481px) and (max-width: 768px){
.contact {
  padding: 0px 20px;
}
}


@media (max-width: 480px){
  .contact {
    padding: 0px 20px;
  }
}