.background
{ 
	 background:url('../images/banner.jpg') no-repeat 0px 0px; 
	 background-size: cover;    
} 


@media (min-aspect-ratio: 1/1)
{
	.background
	{ 
		 background-position-x: -500px; 
	} 
} 

@media (min-aspect-ratio: 55/45)
{
	.background
	{ 
		 background-position-x: -450px; 
	} 
} 
 
@media (min-aspect-ratio: 5/4)
{
	.background
	{ 
		 background-position-x: -400px; 
	} 
} 
 
@media (min-aspect-ratio: 45/35)
{
	.background
	{ 
		 background-position-x: -350px; 
	} 
} 
 
@media (min-aspect-ratio: 4/3)
{
	.background
	{ 
		 background-position-x: -300px; 
	} 
} 
 
@media (min-aspect-ratio: 35/25)
{
	.background
	{ 
		 background-position-x: -250px; 
	} 
} 
 
@media (min-aspect-ratio: 3/2)
{
	.background
	{ 
		 background-position-x: -200px; 
	} 
} 
 
@media (min-aspect-ratio: 25/15)
{
	.background
	{ 
		 background-position-x: -150px; 
	} 
} 
 
@media (min-aspect-ratio: 2/1)
{
	.background
	{ 
		 background-position-x: 0px; 
	} 
} 
 

 
 
@media (orientation: portrait) 
{
	.background
	{ 
		 background-position-x: -700px; 
	} 
}