#text_contact{
  width: 50%;
  margin-top: 10%;
  margin-left: 5%;
}
#container_form{
  width: 60%;
  margin-left: 20%;
  margin-top: 5%;
  border: 1px solid rgba(255, 255, 255, 0.339);
  border-radius: 20px;
  background-color: #0086c043;
  padding: 5% 2% 2% 0%;
}

input{
  width: 40%;
  padding: 1%;
  border-radius: 10px;
  outline-style: none;
  font-size: 1.1vw;
  border: 1px solid rgba(0, 0, 0, 0.251);
  font-family: "Poppins", serif;
}
input::placeholder{
  font-size: 1vw;
  font-family: "Poppins", serif;
}
textarea::placeholder{
  font-size: 1.1vw;
  font-family: "Poppins", serif;
}
textarea{
  width: 60%;
  height:300px;
  border-radius: 10px;
  outline-style: none;
  padding: 1%;
  font-size: 1.2vw;
  font-family: "Poppins", serif;
}
.are_center{
  margin-top: 2%;
  text-align: center;
}
.container_inputs{
  margin-top: 1%;
}
#btn{
  cursor: pointer;
  color:white;
  border: 1px solid white;
}
.input_top{
  margin-left: 20%;
}
#cnt{
  margin-top: 5%;
}
.are_contact{
  display: flex;
  gap:2%;
  align-items: center;
}
.icone_con{
  width: 2.5%;
  height:2.5%;
}






@media (max-width: 1280px) {
  input{
    font-size: 1.3vw;
    width: 50%;
  }
  input::placeholder{
    font-size: 1.3vw;
  }
  textarea::placeholder{
    font-size: 1.4vw;
  }
  textarea{
    font-size: 1.4vw;
  }
}
@media (max-width: 1176px) {
  input{
    width: 40%;
  }
  #container_form{
    width: 80%;
    margin-left: 10%;
  }
  textarea{
    height:200px;
  }
}
@media (max-width: 800px) {
  input{
    font-size: 1.5vw;
    width: 50%;
    border-radius: 6px;
  }
  input::placeholder{
    font-size: 1.5vw;
  }
  textarea::placeholder{
    font-size: 1.6vw;
  }
  textarea{
    font-size: 1.6vw;
  }
}
@media (max-width: 515px) {

  #text_contact{
    display: none;
  }
  .container_inputs{
    margin-top: 3%;
  }
  .input_top{
    margin-left: 2.5%;
  }
  #container_form{
    width: 95%;
    margin-left: 2.5%;
  }
  #conta_titre{
    margin-left: 8%;
  }
  input{
    font-size: 4vw;
    width: 82%;
    margin-left: 8%;
  }
  input::placeholder{
    font-size: 4vw;
  }
  textarea::placeholder{
    font-size: 4.1vw;
  }
  textarea{
    font-size: 4.1vw;
    width: 80%;
  }
  .are_contact{
    margin-left: 8%;
  }
  #cnt{
    margin-top: 6%;
  }
}