.main{
  width: 100vw;
  background: linear-gradient(#003844, white);
}

.contactez-nous {
  width: 70vw;
  margin : 105px auto;
  border: 1px solid;
  border-radius: 8px;
  padding: 20px 20px 0 20px;
  background: white;
}

.contactez-nous > h1 {
  font-weight: 500;
}

.contactez-nous > p {
  font-weight: 300;
}

.requiredstar{
  color:red;
}

form div {
  width: 100%;
  display: flex;
  flex-direction: column;
  min-height: 83px;
  margin-top: 25px;
}

form div > label {
  margin-bottom: 7px;
  font-weight: 600;
}

form div > input, form div > select, form div > textarea {
  background: #C0CDD0;
  border: none;
  border-radius: 5px;
  font-size: 16px;
  font-weight: 500;
  font-family: Montserrat, "sans-serif";
  box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.25);
}

form div > input, form div > select {
  height: 50px;
  padding-left: 10px;
}

form div > select {
  background-size: 15px;
  background-position: right 10px top 50%;
  background-repeat: no-repeat;
}

form div > textarea {
  height: 195px;
  padding: 15px 0px 0px 10px;
  resize: none;
}

form div > input::placeholder, form div > textarea::placeholder {
  color: white;

}

form div > select:invalid {
  color: white;
}

form div > select option {
  background: white;
  color: #303030;
}

form div:last-child {
  align-items:center;
  margin-top: 20px;
}

form button {
  width: 450px;
  width: 100%;
  padding: 5px 0;
  font-weight: 700;
  font-size: 28px;
  background: white;
  border: rgba(48, 48, 48, 0.5) solid 1px;
  border-radius: 5px;
  box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.25);
  color: #303030;
  cursor:pointer;
}

form button:hover{
  background: salmon;
}

/*  */

@media screen and (min-width: 768px) {
  .contactez-nous {width: 50vw;}
}
@media screen and (min-width: 1024px) {

}
@media screen and (min-width: 1950px) {

}