#required{
	color: red;
}

#mailing-address{
	margin: auto;
	text-align: center;
	margin-bottom: 30px;
}

#social-links{
	margin: auto;
	text-align: center;
	margin-bottom: 30px;
}

#email{
	color: #000;
	text-decoration: none;
}

#email:hover {
	border-bottom: 1px solid #666;
	transition: 0.5s;
	-moz-transition: 0.5s;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
}

#social{
	padding-top: 3px;
	padding-bottom: 3px;
}

#social:hover{
	border-bottom: 1px solid #666;
	transition: 0.5s;
	-moz-transition: 0.5s;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
}

/*EMAIL FORM*/
form {
	clear: both;
	text-align: left;
	width: 80%;
	margin:auto;
  margin-bottom: 6.5%;
  font-size: 12pt;
}

form div {
	margin-top: 1%;
}


#email-label {
	margin-left: 39%;
}


input[type=text] {
	box-sizing: border-box;
	width: 45%;
	margin-top: 1%;
	margin-bottom: 1%;
	border: 2px solid #ccc;
  border-radius: 4px;
  padding: 10px 10px;
	font-family: helvetica;
}


input[type=email] {
	box-sizing: border-box;
	float: right;
	margin-top: 1%;
	margin-bottom: 1%;
	width: 53%;
	border: 2px solid #ccc;
  border-radius: 4px;
	padding: 10px 10px;
	font-family: helvetica;
}


button {
	display: block;
	font-size: 11pt;
	color: #000;
  padding: 10px 20px;
  margin-top: 1.5%;
  text-align: center;
  text-decoration: none;
  background-color: #ddd;
  border-radius: 5px;
}

button:hover {
	color: #fff;
	background-color: #888;
	border: 2px solid #888;
	transition: 0.5s;
	-moz-transition: 0.5s;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
}

#subject{
	box-sizing: border-box;
	margin-top: 1%;
	margin-bottom: 1%;
	width: 100%;
	border: 2px solid #ccc;
  border-radius: 4px;
	padding: 10px 10px;
	font-family: helvetica;
}

textarea {
  width: 100%;
  height: 100px;
  margin-top: 1%;
  box-sizing: border-box;
  border: 2px solid #ccc;
  border-radius: 4px;
  resize: none;
  overflow-y: scroll;
	font-family: helvetica;
}

#thank-you{
	text-align: center;
	padding-bottom: 20px;
}

/*EMAIL TABLE*/
table{
	width: 100%;
	align: center;
}

td{
	border-radius: 25px;
    text-align: center;
	width: 33.3%;
}

td:hover{
	transition: 0.5s;
	-moz-transition: 0.5s;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	background-color: #888;
}

td a{
	text-decoration: none;
	border-radius: 25px;
	color: #000;
	height: 100%;
	width: 100%;
	display: block;
	padding: 10px 0px 10px 0px;
}

td a:hover{
	transition: 0.5s;
	-moz-transition: 0.5s;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	color: #fff;
}

@media screen and (max-width: 768px){
	form{
		width: 100%;
	}
	#email-label {
		margin-left: 32%;
	}
}