body {
	/* Location of the image */
	background-image: url(../images/CRPbackground4.jpg);
}

h1 {

	margin-top: 0px;
	font-size: 60px;
	text-transform: uppercase;

}

p {

	margin-top: -25px;
	line-height: 28px;
	letter-spacing: 1px;
	font-weight: 200;
	font-size: 18px;
	/*border-style: dashed;	*/
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility; 
}

.content {

	margin-top: 45px;
	margin-left: auto;
	margin-right: auto;
	width: 90%;
	/*border-style: dashed;*/ 

}

.left {

	float: left;
	min-width: 340px;
	width: 47%;

}

.right {

	min-width: 340px;
	float: right;
	width: 47%;
	

}

.textfield {

	width: 95%;
	color: rgba(252,247,247,1.00);
	background-color: rgba(12,12,12,0.50);
	height: 30px;
	margin-top: 7px;
	font-size: small;
	padding-left: 7px;
	
}

textarea {

	resize: none;
	width: 95%;
	color: rgba(252,247,247,1.00);
	background-color: rgba(13,13,13,0.50);
	font-size: small;
	border: thin solid rgba(255,255,255,1.00);
	margin-top: 7px;
	height: 170px;
	padding-left: 7px;
	padding-top: 7px;
	
}

#Send {

	background-color: rgba(13,13,13,0.50);
	color: rgba(194,193,193,1.00);
	margin-top: 2px;
	padding-top: 7px;
	padding-right: 7px;
	padding-bottom: 7px;
	padding-left: 7px;
	font-size: 12px;
	
}

#Send:hover {

	background-color: rgba(69,69,69,0.50);
	
}


table {
	
	width: 100%;

}

/*---------------------------------------------- SOCIAL ---------------------------------------------- */
#socialMediaIcons {
	margin-top: 25px;
	margin-left: -40px;
	padding-bottom: 30px;

}

#twitterIcon {
	background-color: rgba(29, 202, 255, 0.5);
}
#facebookIcon {
	background-color: rgba(59,89,152, 0.5);
}
#instagramIcon {
	background-color: rgba(125,125,125,0.5);
}
.icon {
	width: 49px;
	float: left;
	margin-left: 20px;
	border: 0px solid #FFFBFB;
	border-radius: 47px;
}

#twitterIcon:hover {
	background-color: rgba(29, 202, 255, 1.00);
}
#facebookIcon:hover {
	background-color: rgba(59,89,152, 1.00);
}
#instagramIcon:hover {
	background-color: rgba(125,125,125,1.00);
}

@media only screen and (max-width : 773px) {


.right {

	margin-top: 20px;
	float: left;
	width: 100%;
	
}

.left {

	float: left;
	min-width: 340px;
	width: 100%;

}


}

@media only screen and (max-width : 414px) {


	
	.right {

	margin-top: 20px;
	float: left;
	width: 100%;
	min-width: 0px;
	
	}

	.left {

	float: left;
	min-width: 0px;
	width: 100%;

	}
	
	.content {

	margin-top: 20px;
	
	}

}