/* CSS D3 */

.content-main {
    background: transparent url("../images/intro-d3.png") no-repeat 0 100px;
    background-size: 100% 750px;
}

.form-end {
	background: transparent url("../images/q-bg-submit-d3.png") no-repeat left top;
	background-size: 100% 100%;

}

#header-title h1 {
	margin-bottom:4px;
	color:#fff;
}


#header-logos {
	background: transparent url("../images/logo-box.png") no-repeat left top;
	background-size: 100% 100%;
	margin: -510px 4% 0 0;
}
#header-logos img {
	width:260px;
	height:142px;
	margin-top:-3px;
}

#header-menu {
	position: relative;
	display:inline-block;
	margin: -100% 0 0 90px;
	bottom:110px;
	overflow:hidden;

}

/* media scaling */


@media (max-width: 1024px) {


}

/*
 *		800px
 */
@media (max-width: 800px) {

	#header-menu {
		margin: -100% 0 0 70px;
		bottom:130px;
	}

	#header-logos {
		margin: -506px 4% 0 0;
	}
	#header-logos img {
		width:250px;
		height:auto;
		margin-top:-3px;
	}

}



@media (max-width: 767px) {

	#header-logos {
		margin: -480px 3% 0 0;
	}
	#header-logos img {
		width:220px;
		height:auto;
		margin-top:-3px;
	}
}

/*
 *		640PX
 */
@media (max-width: 640px) {

	#header-menu {
		margin: -100% 0 0 45px;
		bottom:150px;
	}

	#header-logos {
		margin: -475px 2% 0 0;
	}
	#header-logos img {
		width:180px;
		height:auto;
		margin-top:-3px;
	}

}

@media (max-width: 580px) {
	#header-title {
		margin-top: -490px;
	}

	#header-logos {
		margin: -500px 0% 0 0;
		right:10px;
	}
	#header-logos img {
		width:180px;
		height:auto;
		margin-top:-3px;
	}

}

@media (max-width: 480px) {
	#header-title {
		margin-top: -490px;
	}

	#header-menu {
		margin: -100% 0 0 40px;
		bottom:170px;
	}

	#header-logos {
		margin: -500px 0% 0 0;
		right:10px;
	}
	#header-logos img {
		width:160px;
		height:auto;
		margin-top:-3px;
	}

	.page1 .content-intro {
		margin-bottom: 50px;
	}

}

@media (max-width: 399px) {
	#header-title {
		margin-top: -490px;
	}

	#header-logos {
		margin: -500px 0% 0 0;
		right:10px;
	}
	#header-logos img {
		width:140px;
		height:auto;
		margin-top:-3px;
	}

	#header-menu {
		margin: -100% 0 0 20px;
		bottom:180px;
	}

}

@media (max-width: 359px) {

	#header-menu {
		margin: -100% 0 0 10px;
		bottom:180px;
	}

	#header-logos {
		margin: -500px 0% 0 0;
		right:6px;
	}
	#header-logos img {
		width:130px;
		height:auto;
		margin-top:-3px;
	}

	.page1 .content-intro {
		margin-bottom: 85px;
	}

}