/* CONTACT FORM */

.contactform form {
  width: 67%;
  margin: 0 auto;
  display: block;
  text-align: left;
}

.contactform input {
  padding: 0.7em;
  margin: 0.3em;
  display: inline-block;
  border: 2px solid #909090;
  border-radius: 4px;
  box-sizing: border-box;
  width: 100%;
  font-size: 12pt;
}

.contactform textarea {
  width: 100%;
  height: 8em;
  padding: 0.7em;
  margin: 0.3em;
  resize: none;
  display: inline-block;
  font-family: "Montserrat", "Roboto Condensed", "Averia Serif Libre";
  border: 2px solid #909090;
  border-radius: 7px;
  box-sizing: border-box;
  font-size: 12pt;
}

input:focus,
textarea:focus {
  background-color: white;
  outline: none;
}

::placeholder {
  color: grey;
  opacity: 10;
}

:-ms-input-placeholder {
  color: white;
}

::-ms-input-placeholder {
  color: white;
}

.contactform input[type="submit"] {
  display: block;
  float: right;
  box-shadow: inset 0px 1px 0px 0px #fffcf4(168, 129, 129);
  background-color: rosybrown;
  border-radius: 6px;
  border: 1px solid grey;
  cursor: pointer;
  font-size: 16px;
  font-weight: normal;
  text-decoration: none;
  transition: 0.3s;
  color: white;
  width: 8em;
  height: 3em;
}

.contactform input[type="submit"]:hover {
  background-color: rgb(212, 182, 182);
  color: white;
}

.g-recaptcha {
  display: block;
  float: right;
  padding: 6px;
  width: 304px;
}

/* SOCIAL MEDIA BUTTONS */
.fa {
  padding: 20px;
  font-size: 50px;
  width: 20px;
  text-align: center;
  text-decoration: none;
  margin: 10px 3px;
  border-radius: 50%;
}

.fa:hover {
  opacity: 0.7;
}

.fa-facebook {
  background: #3b5998;
  color: white;
}

.fa-google {
  background: #dd4b39;
  color: white;
}

.fa-instagram {
  background: #c13584;
  color: white;
}