@media screen and (max-width:1024px) {
  input[type="text"], input[type="email"] {
    width: 100%;
    margin-right: 0;
  }
}

@media screen and (max-width:500px) {  
label[for="gender"] {
    display: block;
    width: 100%;
    clear: both;
  }
}

input[type="text"], input[type="email"], textarea {
  width: 48%;
  font-size: 1em;
  padding: 9px 24px;
  box-sizing: border-box;
  margin-bottom: 10px;
  background-color: #f2f2f2;
  border: 1px solid #f2f2f2;
  transition: 0.5s all;
  color: #000000;
  border-radius: 3px;
}

textarea {
height: 140px;
}

input[type="text"]:hover, input[type="email"]:hover, textarea:hover {
  background: white;
}
input[type="text"]:nth-of-type(odd), input[type="email"]:nth-of-type(odd), textarea:nth-of-type(odd) {
  margin-right: 3%;
 width: 100%;	
}
input[type="text"]:nth-of-type(even), input[type="email"]:nth-of-type(even), textarea:nth-of-type(even)  {
  float: right;
}
::-webkit-input-placeholder { color: #000000; }
:-moz-placeholder { color: #000000; }
::-moz-placeholder { color: #000000;}
:-ms-input-placeholder { color: #000000; }
input[type="submit"],
.button {
  font-family: inherit;
  padding: 9px 24px;
  cursor: pointer;
  font-size: 22px;
  transition: all 0.2s;
  margin:0.5em 1.0em;
  background-color: #000000;
  border: 2px solid #000000;
  color: #ffffff;
  font-weight: 400;
}
.button {
	display: inline-block;
}
input[type="submit"] {
	float: right;
}
input[type="submit"]:hover,
.button:hover {
  background-color:#000000;
  -webkit-box-shadow: 0px 0px 23px -7px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 0px 23px -7px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 0px 23px -7px rgba(0, 0, 0, 0.75);
}
input[type=radio] {
  border: 2px solid white;
  border-radius: 100%;
  background: white;
  cursor: pointer;
}
label {
  cursor: pointer;
}
form > div > radio:last-of-type {
  clear: both;
}
form > div {
  margin-bottom: 10px;
}
form {
  display: block;
  clear: both;
  overflow: hidden;
	margin-top: 2em;
}
section.form {
  transition: all 0.4s;
  margin: 0 auto 1em;
}
section.form.sent {
  background-color: #ffffff;

  padding-bottom: 13px;
  padding-top: 9px;
  width: 66%;
  text-align: center;
  border-radius: 27px;
  font-size: 18px;
  padding: 41px;
  /* margin: 20px 0; */
}


input[type="text"], input[type="email"], textarea {
  font-family: inherit;
  font-weight: 300;
}
.wpcf7-acceptance {
  margin-bottom: 25px;
  margin-top: 5px;
  display: block;
  float: left;
  position: relative;
}
.wpcf7-acceptance * {
  outline: none;
}

.wpcf7-acceptance > [type="checkbox"], .checkbox > label {
  margin-bottom: 0px !important;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  line-height: 26px;
}

.wpcf7-acceptance > [type="checkbox"]:not(:checked), .wpcf7-acceptance > [type="checkbox"]:checked {
  left: 3px;
  position: absolute;
  top: 5px;
}

.wpcf7-list-item > [type="checkbox"]:not(:checked) + label:before, .wpcf7-list-item > [type="checkbox"]:checked + label:before {
  content: '';
  position: absolute;
  left: 0;
  top: 9px;
  margin-top: -9px;
  width: 26px;
  height: 26px;
  background: #dddddd;
  border-radius: 100%;
}
.wpcf7-list-item > [type="checkbox"]:not(:checked) + label:after, .wpcf7-list-item > [type="checkbox"]:checked + label:after {
  content: '\f00c';
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  position: absolute;
  top: 6px;
  margin-top: -7px;
  left: 3px;
  font-size: 20px;
  z-index: 2;
}
input[type="submit"] {
  -webkit-appearance: none;
  -moz-appearance: none;
   appearance: none;
}