@import url('../../common/css/common.css');

/********** GLOBAL STYLES **********/
body {
	color:#005b7f;
}

hr {
	border-color:#d7d7d7;
}

/********** HEADER STYLES **********/
header {
	background:url('../images/banner.jpg') no-repeat 0 0;
	background-size:cover;
	color:white;
}

header #headerContainer {
	padding-top:15px;
	padding-bottom:60px;
	background:url('../images/headerBackground.png') repeat 0 0;
}

header hr {
	border-color:white;
}

#headerLogo {
	padding-bottom:15px;
}

/********** BANNER STYLES **********/
#banner {
	overflow:hidden;
}

#bannerCaption h1,
#bannerCaption p {
	letter-spacing:.25px;
}

#bannerCaption ul {
	padding-left:0;
	list-style:none;
}

#bannerCaption .ctaImage,
#bannerCaption .ctaTitle {
	display:block;
}

#bannerCaption .ctaTitle {
	margin-top:10px;
	font-size:19px;
}

/********** SIGN UP STYLES **********/
.sign-up {
	background:#d7d7d7;
}

.sign-up input {
	width:45.5%;
	margin-left:2%;
	margin-right:2%;
}

.sign-up input[type="checkbox"] {
	width:auto;
	margin:0;
	padding:0;
}
	
/********** GET STARTED STYLES **********/
#get-started .sectionText {
	margin:0 auto;
	float:none;
}

/********** FAQ STYLES **********/
#faq {
	background:#005b7f;
}

#faq .sectionText {
	padding:40px 15px;
	background:white;
}

#faq h3 {
	text-transform:uppercase;
}

/********** RESPONSIVE STYLES **********/
/********** Phone Styles **********/
@media screen and (max-width: 767px) {
	/********** BANNER STYLES **********/
	#bannerCaption li,
	#faq .sectionText {
		margin:15px 0;
	}
	
	#bannerCaption li:first-child,
	#faq .sectionContainer > div:first-child {
		margin-top:0;
	}
	
	#bannerCaption li:last-child,
	#faq .sectionContainer > div:last-child {
		margin-bottom:0;
	}
	
	/********** FAQ STYLES **********/
	#faq .sectionText {
		height:auto !important;
		padding:20px 15px;
	}
}