@charset "utf-8";
/* CSS Document */

html {
  box-sizing: border-box;
}

form h2 {
    display: block;
    margin-bottom: 5px;
    font-weight: bold;
    color: #801d7f;
    text-transform: uppercase;
    font-size: 2em;    
}

label {
  display: inline;
  font-weight: normal;
  color: black;
  text-transform: initial;
  font-size: 1em;
}

.antispam {
    display: none;
}

form {
    width: 80%;
    margin: 0 auto;
    margin-top: 20px;
}

select {
  width: 100%;
  padding: 12px 20px;
  margin: 8px 0;
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
}

textarea {
  width: 100%;
  height: 150px;
  padding: 12px 20px;
  box-sizing: border-box;
  border: 2px solid #ccc;
  border-radius: 4px;
  background-color: #f8f8f8;
  resize: none;
}

input[type=button], input[type=submit], input[type=reset] {
  background-color: #4CAF50;
  border: none;
  color: white;
  padding: 16px 32px;
  text-decoration: none;
  margin: 4px 2px;
  cursor: pointer;
}

input[type=text],  input[type=email], input[type=tel]{
  width: 100%;
  padding: 12px 20px;
  margin: 8px 0;
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
}

.personal-information-name {
  display: grid;
  grid-template-columns: 16% 40% 40%;
  grid-gap: 2%;
  margin-bottom: 20px;
}

.personal-information-contact {
  display: grid;
  grid-template-columns: 16% 40% 10% 28%;
  grid-gap: 2%;
}

.personal-information-hear-of-us {
  display: grid;
  grid-template-columns: 20% 80%;
}

.who-do-you-believe-was-at-fault {
  display: grid;
  grid-template-columns: 30% 70%;
}

.time-off {
  display: grid;
  grid-template-columns: 15% 15%;
}

.time-off .v-center  {
  text-align: center;
  padding-top: 15px;
}

.result, .how-to-help {
  display: grid;
  grid-template-columns: 50% 50%;
}