.contact-form
{
  display: flex;
  flex-direction: row;
  align-items: center;
  text-align: center;

  background-color: white;
  width:100%;
  border: 1px solid #8A0085;
  overflow: hidden;
  margin: 8px 0px;

  height: 25px;
}

.contact-form button {
  font-family: 'helvetican-vp';
}

.contact-form-textarea{
  border: 1px solid #8A0085;
  margin: 8px 0px;
}

textarea{
  resize: none;
  font-family: 'helvetican-vp';
}

.contact-form-input
{
  font-size: 12px;
  padding: 10px;
  padding-left: 12px;
  width: 100%;
  filter: none;
  outline: none;
  border: none;
  color: var(--dark-grey-font)
}

.contact-form-button, .contact-button-submit
{
  font-size: 14px;
  width: 100%;
  filter: none;
  outline: none;
  border: none;
  background-color: #8A0085;
  letter-spacing: 1.1px;
  height: 40px;
  color: white;
}
.contact-button-submit-error 
{
  font-size: 14px;
  width: 100%;
  filter: none;
  outline: none;
  border: none;
  background-color: rgba(255, 0, 0, 0.819);
  letter-spacing: 1.1px;
  height: 40px;
  color: white;
}
.contact-button-submit.success
{
    background-color: rgba(44, 161, 20, 0.819);

}

.contact-form-button:hover
{
  background-color: rgba(166, 59, 180, 0.356);
  cursor: pointer;
}

.contact-form-header{
    font-size:16px;
}

.contact-form-card{
    background-color: white;
    width: 330px;
    padding: 12px;
    left: 0; 
    right: 0; 
    margin-left: auto; 
    margin-right: auto; 
    margin-top: -35px;
    position: absolute;
}

.contact-form-container{
  width: 100%;
  height: 400px;
  background-image: url("../images/VP_Sander_map-footer-01.jpeg");
  background-color: rgb(46,46,46);
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 100vw;
  margin: 2vh, 2vh, 0vh, 2vh;
  padding-bottom: 280px;
  position: relative;
  object-fit: cover;
}


.contact-form-input-message{
  font-size: 12px;
  padding: 10px;
  padding-left: 12px;
  width: 100%;
  height: 120px;
  filter: none;
  outline: none;
  border: none;
}

.purple-bar{
  position:relative;
  width: 100%;
  height: 50px;
  background: linear-gradient(0.25turn, #8A0085, #c902c2);
}