body {
	background: #4B8995 url("images/tire-tread.png") no-repeat -500px -500px;
	text-align: center;
	padding: 4%;
	font-family: Helvetica,Arial,sans-serif;
	text-align: center;
}
img {max-width: 100%;}
.clear {clear: both;}

.container-left, .container-right {
	margin: 0 auto;
	padding: 0 3%;
}

.container-left {text-align: center; width: 90%; float: none; margin: 50px 0;}
.container-right {text-align: center; width: 90%; float: none; margin: 50px 0;}


.signupdirection {text-align: left;}
.signupdirection img {max-width: 70%; margin-top: 50px;}

.sign-up-form {
	width: 90%;
	margin: 50px auto;
	padding: 5%;
	max-width: 650px; 
}
#mc_embed_signup {font: 2em Helvetica,Arial,sans-serif; color: #fff; text-align: left;}
.mc-field-group {text-align: left; padding: 10px 0; margin: 10px 0;}
.mc-field-group label {display: block; color: #24454C; margin: 10px 0;}
.mc-field-group input {width: 100%; font-size: .9em;}

.asterisk {color: red;}
input[type=submit] {
	background:#fff; 
	border: 2px solid #24454C;
	cursor:pointer;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	font-size: .9em;
	padding: 20px;
	color: #24454C;
	margin: 20px 0;
	}
.indicates-required {text-algin: left; font-size: .6em; display: block;}

.details {
	margin: 70px auto;
	width: 90%;
	clear: both;
	border: 2px solid #56C2DA;
	padding: 15px;
	cursor:pointer;
	-webkit-border-radius: 10px;
	margin-left: 25px;
	text-align: left;
}

h2 {text-align: center;}


@media screen and (min-width: 900px) {
	body {padding: 20px 0;}
	.container-left {max-width: 850px; width: 42%; float: left; margin-top: 100px; }
	.container-right {max-width: 850px; width: 45%; float: left; }
	.signupdirection img {max-width: 80%; margin-top: 0;}
	.sign-up-form {
		max-width: 650px;
		margin: 25px auto;
		margin-left: 25px;
	}
	#mc_embed_signup {font: 1.3em}
	.mc-field-group {text-align: left; margin: 0;}
	.mc-field-group label {margin: 5px 0;}
	.mc-field-group input {width: 100%; font-size: 1.5em; }

input[type=submit] {
	padding: 10px;
	}
}