body {
	margin:0;
	padding:0;
	font-family: 'Roboto', sans-serif;
	font-weight: 100;
	background-color: #F5F5F5;
}

.container {
	width: 95%;
	padding:0 25px;
	margin:0 auto;
}

.header {
	background-color: #1F8DBD;
	height:40px;
	padding:10px;
	overflow: hidden;
}
.header .logo { 
	width: 215px;
	padding-top:5px;
	float:left;
}

.header .header-text {
	float:left;
	height:40px;
	border-left: 1px solid #FFF;
	color:#FFF;
	padding-left: 25px;
}

.header .header-text .large {
	font-size: 20px;
	margin:0;
}

.header .header-text .small {
	font-size: 15px;
	margin:0;
}

.header .logo img { 
	width:180px; 
}

.banner {
	margin:0;
	height:423px;
	background-color:#8EA29B;
	background-image: url('http://localwork.com/images/new/book4.png');
	background-repeat: no-repeat;
	background-position: center top;
	display:inline-block;
	width:100%;
}

.banner-text {
	height:150px;
	overflow:hidden;
	margin:120px 0 0 60%;
	color:#FFF;
}

.banner-text h1 {
	margin:0;
	font-weight: 100;
}

.banner-text h2 {
	margin:0;
	font-weight: 100;
}

.form-space {
	width:60%;
	padding:2%;
	margin:120px auto 10px auto;
	/*min-height:170px;*/
	background-color:#fff;
	border:1px solid #ccc;
	box-shadow: 2px 2px 5px #999; 
	-moz-box-shadow: 2px 2px 5px #999;
	-webkit-box-shadow: 2px 2px 5px #999; 
	text-align: center;
	clear:both;
}

.form-space form {
	width:100%;
	
}

.form-space h2 {
	margin-top:0;
	text-align: center;
	font-weight: 100;
	font-size: 22px;
}

.form-space h3 {
	margin-top:0;
	text-align: center;
	font-weight: 100;
	font-size: 22px;
}

.form-space input[type=text], .form-space input[type=email] {
	width:45%;
	font-size: 14px;
	padding:5px;
	margin-bottom: 6px;
}

.last { 
	margin-right:0; 
}

.submit-btn {
	background-color: #F6B217;
	color:#FFF;
	padding:8px 15px;
	border:0;
	font-size: 13px;
	border-radius: 8px ; 
	-moz-border-radius: 7px ;
}

.lower-callout {
	width:55%;
	margin:0 auto 0 auto;
	text-align: center;
	font-size: 26px;
	font-weight: 100;
}

.three-box {
	width:80%;
	margin:15px auto 50px auto;
}

.box1, .box2, .box3 {
	width:31%;
	background-color: #FFF;
	border:1px solid #CCC;
	float:left;
	padding-top: 20px;
	height: 130px;
	text-align: center;
}

.box1 {
	margin:0 2% 0 1%;
}

.box2 {
	margin:0 2% 0 0;
}

.box3 {
	margin:0;
}

.content {
	clear:both;
}



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

	.form-space {
		width:85%;
	}
	.banner-text {
		height:150px;
		margin:50px 0 0 50%;
	}

	.banner-text h1 {
		margin:0;
		font-weight: 100;
	}

	.banner-text h2 {
		margin:0;
		font-weight: 100;
	}

}

@media only screen and (max-width: 680px) {
	.container {
		width: 100%;
		padding:0;
		margin:0;
	}
	.header .logo { 
		width: 40%;
	}
	.header .logo img { 
		width: 80%;
	}
	.header .header-text .large {
		font-size: 14px;
	}

	.header .header-text .small {
		font-size: 12px;
	}

	.form-space {
		width:80%;
	}
	.form-space input[type=text], .form-space input[type=email] {
		width:90%;
	}
	.three-box {
		width:90%;
		margin:15px auto 50px auto;
	}
	.box1, .box2, .box3 {
		width:100%;
		margin:0 auto 10px auto;
	}

	.banner-text {
		height:150px;
		margin:50px 0 0 40%;
	}
	.banner-text h1 {
		font-size: 22px;
	}

	.banner-text h2 {
		font-size: 18px;
	}

	.lower-callout {
		width:75%;
		font-size: 18px;
	}

}


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

	.header .logo img { 
		width: 70%;
	}

	.header .header-text .large {
		font-size: 14px;
	}

	.header .header-text .small {
		font-size: 12px;
	}

	.banner-text {
		height:130px;
		margin:35px 0 0 40%;
	}

	.banner-text h1 {
		font-size: 20px;
	}

	.banner-text h2 {
		font-size: 16px;
	}


}

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

}