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

	.logo {
		width: 300px;
	}

	#middle {
	    background: url('images/lighthouse-bg.jpg') no-repeat -230px 0px white;
	}


}
@media only screen and (min-width: 480px)  {

	.logo {
		width: 300px;
	}

	#middle {
	    background: url('images/lighthouse-bg.jpg') no-repeat -190px 0px white;
	}


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

	.logo {
		width: 200px;
	}

	#middle {
	    background: url('images/lighthouse-bg.jpg') no-repeat -160px 0px white;
	}


}
@media only screen and (min-width: 990px) {

	.logo {
		width: 275px;
	}

	#middle {
	    background: url('images/lighthouse-bg.jpg') no-repeat -80px 0px white;
	}

}
@media only screen and (min-width: 1200px) {

	.logo {
		width: 300px;
	}


	#middle {
	    background: url('images/lighthouse-bg.jpg') no-repeat 0px 0px white;
	}

}