contact {

background: url("../../assets/img/contact.png") center top / cover no-repeat;
padding: 30px 0;
form {
  @include center;
}
h2 {
  @include center;
}
div {
  display: block;
}
fieldset {
  flex: 1 auto;
  width: 100%;
  border: none;
  padding: 20px 0;
}
.required {
  background: #ff0033;
  border: 1px solid darken(#ff0033, 20%);
}
.rightcol {
  text-align: left;
}
input[type=text], input[type=email], textarea {
  width: 90%;
  font-size: 1.2em;
  padding: 0 10px;
}
input[type=text], input[type=email] {
  float: left;
  clear: both;
  margin: 20px 0 0 0;
  &:first-child {
    margin: 0;
  }
}
textarea {
  height: 100%;
}
footer {
  @include center;
  text-align: right;
}
.submit {
  @include submit-button;
}
.thanks {
  display: none;
  text-align: center;
}

}

@media only screen and (min-width: $windowSize) {

#contact {
  div {
    display: flex;
  }
  fieldset {
    width: 50%;
  }
  input[type=text], input[type=email], textarea {
    width: 70%;
  }
  .rightcol {
    text-align: right;
  }
}

}