body {
	background-color: #222;
	color: #fff;
	font-family: Helvetica;
	font-size: 13px;
}

#logo{
	position: absolute;
	left: 50%;
	top: 50%;
	width: 500px;
	height: 77px;
	margin-left: -250px;
	margin-top: -39px;
	background: url('./images/logo.png') no-repeat;
}

#tooltip{
	position: absolute;
	left: 50%;
	top: 50%;
	width: 350px;
	height: 112px;
	margin-top: -170px;
	background: url('./images/tooltip.png') no-repeat;
	
}
#footer{
	position:absolute;
	bottom: 0;
	right: 0;
	margin: 10px;
}

@media all and (max-width: 1024px) {
	#logo{
		width: 400px;
		height: 62px;
		margin-left: -200px;
		margin-top: -31px;
		background: url('./images/logo-1024.png') no-repeat;
	}

	#tooltip{
		width: 300px;
		height: 96px;
		margin-top: -140px;
		background: url('./images/tooltip-1024.png') no-repeat;
	}
}

@media all and (max-width: 600px) {
	#logo{
		width: 250px;
		height: 39px;
		margin-left: -125px;
		margin-top: -20px;
		background: url('./images/logo-800.png') no-repeat;
	}

	#tooltip{
		width: 200px;
		height: 64px;
		margin-top: -100px;
		background: url('./images/tooltip-800.png') no-repeat;
	}
}