form.contact {

	display: block;

	max-width: 500px;



	margin-right: auto;

	margin-left: auto;

	margin-top: 60px;

  margin-bottom: 60px;



	padding: 60px;



	background-color: #87b0ee;

	border-radius: 4px;

	box-shadow: 0 0 2px 2px rgba(200,200,200,0.1);



	border:  1px solid rgba(200,200,200,0.3);

}



form.contact > * + * {

	margin-top: 12px;

}



form.contact input,

form.contact textarea {

	display: block;

	padding: 10px 12px;

	border-radius: 4px;

  box-sizing: border-box;



	border:  1px solid rgba(0,0,0,0.1);



	font-size:  16px;

}



form.contact input { width: 70%; }

form.contact textarea { width: 100%; height: 120px; }



form.contact input[type="submit"] {

	width: auto;

  padding-left: 40px;

  padding-right: 40px;

  background-color: #0053b0;

  color: #FFFFFF;

  cursor: pointer;

  margin-top: 20px;

}





@media (max-width: 580px) {

  form.contact { padding: 30px; }

  form.contact input { width: 100%; }

}