.contactDetails {
	display:inline-block;
	width:50%;
	vertical-align: top;
}

.contactDetails:nth-of-type(2) {
	border-left: solid 1px #FFF;
	padding-left: 20px;
}

.formDetails {
	display:inline-block;
	width:50%;
	vertical-align: top;
}

.formDetails:nth-of-type(3) {
	padding-right: 20px;
}

.formDetails:nth-of-type(4) {
	padding-left: 20px;
}

label {
	font-weight:700;
	color:#CCC;
}

input {
	background:#333;
	color:#FFF;
	border:none;
	-webkit-border-radius:1px;
	border-radius: 1px;
	padding: 5px;
}

	input[type="text"],textarea {
		width:100%;
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
		box-sizing:border-box;
	}

textarea {
	width:100%;
	height:100px;
	margin-top:10px;
	border:none;
	background:#333;
	color:#FFF;
	font-family:helvetica,arial,sans-serif;
	font-size:15px;
	resize:none;
	padding:10px;
	-webkit-border-radius:1px;
	border-radius: 1px;
}

@media all and (max-width: 600px) {
	#content {
		position:relative;
		top:0;
		bottom:0;
		right:0;
		left:0;
		overflow:auto;
		padding:20px;
	}
	
	.contactDetails, .formDetails {
		display:inline-block;
		width:100%;
		vertical-align: top;
	}
	
	input,textarea {
		width:100%;
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
		box-sizing:border-box;
	}
	
	
	.contactDetails:nth-child(2) {
		border-left: none;
		padding-left: 0px;
		padding-top: 20px;
	}
	
	.formDetails:nth-of-type(3) {
		padding-right: 0px;
	}
	
	.formDetails:nth-of-type(4) {
		padding-left: 0px;
		margin-bottom: 20px;
	}
}