.contact-form{
  display: inline-block;
  width: 100%; 
  background-color: white; 
  border: 2px solid var(--color-primary); 
  border-radius: 10px; 
  vertical-align: top;
  padding: 0px;
  margin: 0;
}

.contact-field-name{
  display: block;
  width: 49.5%;
  color: var(--color-primary);
  font-size: 1.2em;

}

.contact-field{
  display: block;
  width: 50%;
  height:30px;

  border:0px;
  border-bottom: 2px solid var(--color-primary);
  outline:none;
  font-size:1em;
}

#fullname{
  margin-top:10px;
}


#message{
  display: block;
  width: 100%;
  height: 200px;
  border: 2px solid var(--color-primary);
  font-size:1.4rem;
  font-family: "Roboto", sans-serif;
}

#submit-button{
  margin-bottom: 10px;
  display: block;
  height: 50px;
  background-color: var(--color-primary);
  color: white;
  font-size:1.2em;
  border-radius: 5px;
  border:none;  
  cursor:pointer;
}

#contact-form-title{
  padding-left:20px;
  padding-top:10px;
  padding-bottom:10px;
  border-bottom: 2px solid var(--color-primary);
  background-color: var(--color-secondary);
  border-top-right-radius: 8px;
  border-top-left-radius: 8px;
  font-size: 1.8em;
  color: var(--color-primary);
}

.g-recaptcha{
  margin-top:25px;

}