/* LANDSCAPE */

/* 940 × 640 */
@media screen and (orientation:landscape) and (min-width: 660px) and (max-width: 940px),
	   screen and (orientation:landscape) and (min-device-width: 660px) and (max-device-width: 940px) and (-webkit-max-device-pixel-ratio: 1),
	   screen and (orientation:landscape) and (min-device-width: 660px) and (max-device-width: 940px) and (max--moz-device-pixel-ratio: 1),
	   screen and (orientation:landscape) and (min-device-width: 660px) and (max-device-width: 940px) and (-o-max-device-pixel-ratio: 1/1),
	   screen and (orientation:landscape) and (min-device-width: 660px) and (max-device-width: 940px) and (max-device-pixel-ratio: 1),
	   /* 1.5x */
	   screen and (orientation:landscape) and (min-device-width: 660px) and (max-device-width: 940px) and (-webkit-device-pixel-ratio: 1.5),
	   screen and (orientation:landscape) and (min-device-width: 660px) and (max-device-width: 940px) and (-moz-device-pixel-ratio: 1.5),
	   screen and (orientation:landscape) and (min-device-width: 660px) and (max-device-width: 940px) and (-o-device-pixel-ratio: 3/2),
	   screen and (orientation:landscape) and (min-device-width: 660px) and (max-device-width: 940px) and (device-pixel-ratio: 1.5)
	   {
			body {
				background-image: url('../../img/bg/background_940.gif');
			}
		}
		
/* 940 × 640 - 1.5x */
@media screen and (orientation:landscape) and (min-device-width: 660px) and (max-device-width: 940px) and (-webkit-device-pixel-ratio: 1.5),
	   screen and (orientation:landscape) and (min-device-width: 660px) and (max-device-width: 940px) and (-moz-device-pixel-ratio: 1.5),
	   screen and (orientation:landscape) and (min-device-width: 660px) and (max-device-width: 940px) and (-o-device-pixel-ratio: 3/2),
	   screen and (orientation:landscape) and (min-device-width: 660px) and (max-device-width: 940px) and (device-pixel-ratio: 1.5) 
	   {
	   
			/* min-width for smartphones to show the whole headup gfx and make the website zoomable */
			html, body, article {
				min-width: 920px;
			}	   
	   
			body {
				background-image: url('../../img/bg/background_940.gif');
			}
		}
		
/* 1024 × 768 */
@media screen and (orientation:landscape) and (min-width: 941px) and (max-width: 1024px),
	   screen and (orientation:landscape) and (min-device-width: 941px) and (max-device-width: 1024px) and (-webkit-device-pixel-ratio: 1),
	   screen and (orientation:landscape) and (min-device-width: 941px) and (max-device-width: 1024px) and (-moz-device-pixel-ratio: 1),
	   screen and (orientation:landscape) and (min-device-width: 941px) and (max-device-width: 1024px) and (-o-device-pixel-ratio: 1/1),
	   screen and (orientation:landscape) and (min-device-width: 941px) and (max-device-width: 1024px) and (device-pixel-ratio: 1),
	   screen and (orientation:landscape) and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-device-pixel-ratio: 2),
	   screen and (orientation:landscape) and (min-device-width: 768px) and (max-device-width: 1024px) and (-moz-device-pixel-ratio: 2),
	   screen and (orientation:landscape) and (min-device-width: 768px) and (max-device-width: 1024px) and (-o-device-pixel-ratio: 2/1),
	   screen and (orientation:landscape) and (min-device-width: 768px) and (max-device-width: 1024px) and (device-pixel-ratio: 2) 
	   {
			body {
				background-image: url('../../img/bg/background_1024.gif');
				-webkit-background-size: 1024px 351px !important;
			}
		}
		
/* 1024 × 768 - 2x - Retina */
@media 	screen and (orientation:landscape) and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-device-pixel-ratio: 2),
		screen and (orientation:landscape) and (min-device-width: 768px) and (max-device-width: 1024px) and (-moz-device-pixel-ratio: 2),
		screen and (orientation:landscape) and (min-device-width: 768px) and (max-device-width: 1024px) and (-o-device-pixel-ratio: 2/1),
		screen and (orientation:landscape) and (min-device-width: 768px) and (max-device-width: 1024px) and (device-pixel-ratio: 2) 
		{		

			/* min-width for smartphones to show the whole headup gfx and make the website zoomable */
			html, body, article {
				min-width: 974px;
			}
		
			body {
				background-image: url('../../img/bg/background_2048.gif');
				-webkit-background-size: 2048px 703px !important;
			}
		}
		
/* 1280 × 800 - threshold increased from 1280 to 1600 */
@media screen and (orientation:landscape) and (min-width: 1025px) and (max-width: 1600px),
	   screen and (orientation:landscape) and (min-device-width: 1025px) and (max-device-width: 1600px) and (-webkit-max-device-pixel-ratio: 1),
	   screen and (orientation:landscape) and (min-device-width: 1025px) and (max-device-width: 1600px) and (max--moz-device-pixel-ratio: 1),
	   screen and (orientation:landscape) and (min-device-width: 1025px) and (max-device-width: 1600px) and (-o-max-device-pixel-ratio: 1/1),
	   screen and (orientation:landscape) and (min-device-width: 1025px) and (max-device-width: 1600px) and (max-device-pixel-ratio: 1),
	   /* 2x */
 	   screen and (orientation:landscape) and (min-device-width: 1025px) and (max-device-width: 1600px) and (-webkit-device-pixel-ratio: 2),
	   screen and (orientation:landscape) and (min-device-width: 1025px) and (max-device-width: 1600px) and (-moz-device-pixel-ratio: 2),
	   screen and (orientation:landscape) and (min-device-width: 1025px) and (max-device-width: 1600px) and (-o-device-pixel-ratio: 2/1),
	   screen and (orientation:landscape) and (min-device-width: 1025px) and (max-device-width: 1600px) and (device-pixel-ratio: 2)	    
	   {   
			body {
				background-image: url('../../img/bg/background_1280.gif');
			}
		}
		
/* 1280 × 800 - 2x */
@media screen and (orientation:landscape) and (min-device-width: 1025px) and (max-device-width: 1600px) and (-webkit-device-pixel-ratio: 2),
	   screen and (orientation:landscape) and (min-device-width: 1025px) and (max-device-width: 1600px) and (-moz-device-pixel-ratio: 2),
	   screen and (orientation:landscape) and (min-device-width: 1025px) and (max-device-width: 1600px) and (-o-device-pixel-ratio: 2/1),
	   screen and (orientation:landscape) and (min-device-width: 1025px) and (max-device-width: 1600px) and (device-pixel-ratio: 2) 
	   {
	   
			/* min-width for smartphones to show the whole headup gfx and make the website zoomable */
			html, body, article {
				min-width: 1230px;
			}	   
	   
			body {
				background-image: url('../../img/bg/background_2560.gif');
			}
		}
		
/* 1920 × 1080 - base increased from 1281 to 1681 */
@media screen and (orientation:landscape) and (min-width: 1601px) and (max-width: 1920px),
	   screen and (orientation:landscape) and (min-device-width: 1601px) and (max-device-width: 1920px) and (-webkit-max-device-pixel-ratio: 1),
	   screen and (orientation:landscape) and (min-device-width: 1601px) and (max-device-width: 1920px) and (max--moz-device-pixel-ratio: 1),
	   screen and (orientation:landscape) and (min-device-width: 1601px) and (max-device-width: 1920px) and (-o-max-device-pixel-ratio: 1/1),
	   screen and (orientation:landscape) and (min-device-width: 1601px) and (max-device-width: 1920px) and (max-device-pixel-ratio: 1),
	   /* 1.5 x */
	   screen and (orientation:landscape) and (min-device-width: 1121px) and (max-device-width: 1280px) and (-webkit-device-pixel-ratio: 1.5),
	   screen and (orientation:landscape) and (min-device-width: 1121px) and (max-device-width: 1280px) and (-moz-device-pixel-ratio: 1.5),
	   screen and (orientation:landscape) and (min-device-width: 1121px) and (max-device-width: 1280px) and (-o-device-pixel-ratio: 3/2),
	   screen and (orientation:landscape) and (min-device-width: 1121px) and (max-device-width: 1280px) and (device-pixel-ratio: 1.5),
	   
	   screen and (orientation:landscape) and (min-device-width: 841px) and (max-device-width: 960px) and (-webkit-device-pixel-ratio: 2),
	   screen and (orientation:landscape) and (min-device-width: 841px) and (max-device-width: 960px) and (-moz-device-pixel-ratio: 2),
	   screen and (orientation:landscape) and (min-device-width: 841px) and (max-device-width: 960px) and (-o-device-pixel-ratio: 2/1),
	   screen and (orientation:landscape) and (min-device-width: 841px) and (max-device-width: 960px) and (device-pixel-ratio: 2),
		
	   screen and (orientation:landscape) and (min-device-width: 561px) and (max-device-width: 640px) and (-webkit-device-pixel-ratio: 3),
	   screen and (orientation:landscape) and (min-device-width: 561px) and (max-device-width: 640px) and (-moz-device-pixel-ratio: 3),
	   screen and (orientation:landscape) and (min-device-width: 561px) and (max-device-width: 640px) and (-o-device-pixel-ratio: 3/1),
	   screen and (orientation:landscape) and (min-device-width: 561px) and (max-device-width: 640px) and (device-pixel-ratio: 3),

	   /* for wrong CSS device sizes (i.e. standard HTC One M7 Browser) */
	   screen and (orientation:landscape) and (min-device-width: 1601px) and (max-device-width: 1920px) and (-webkit-device-pixel-ratio: 3),
	   screen and (orientation:landscape) and (min-device-width: 1601px) and (max-device-width: 1920px) and (-moz-device-pixel-ratio: 3),
	   screen and (orientation:landscape) and (min-device-width: 1601px) and (max-device-width: 1920px) and (-o-device-pixel-ratio: 3/1),
	   screen and (orientation:landscape) and (min-device-width: 1601px) and (max-device-width: 1920px) and (device-pixel-ratio: 3) 
	   {
			body {
				background-image: url('../../img/bg/background_1920.gif');
			}
		}
		
/* 1920 × 1080 - 1.5x */
@media screen and (orientation:landscape) and (min-device-width: 1121px) and (max-device-width: 1280px) and (-webkit-device-pixel-ratio: 1.5),
	   screen and (orientation:landscape) and (min-device-width: 1121px) and (max-device-width: 1280px) and (-moz-device-pixel-ratio: 1.5),
	   screen and (orientation:landscape) and (min-device-width: 1121px) and (max-device-width: 1280px) and (-o-device-pixel-ratio: 3/2),
	   screen and (orientation:landscape) and (min-device-width: 1121px) and (max-device-width: 1280px) and (device-pixel-ratio: 1.5) 
	   {
			/* min-width for smartphones to show the whole headup gfx and make the website zoomable */
			html, body, article {
				min-width: 1870px;
			}
		
			body {
				background-image: url('../../img/bg/background_2560.gif');
			}
		}
		
/* 1920 × 1080 - 2x + 3x */
@media screen and (orientation:landscape) and (min-device-width: 841px) and (max-device-width: 960px) and (-webkit-device-pixel-ratio: 2),
	   screen and (orientation:landscape) and (min-device-width: 841px) and (max-device-width: 960px) and (-moz-device-pixel-ratio: 2),
	   screen and (orientation:landscape) and (min-device-width: 841px) and (max-device-width: 960px) and (-o-device-pixel-ratio: 2/1),
	   screen and (orientation:landscape) and (min-device-width: 841px) and (max-device-width: 960px) and (device-pixel-ratio: 2),
		
	   screen and (orientation:landscape) and (min-device-width: 561px) and (max-device-width: 640px) and (-webkit-device-pixel-ratio: 3),
	   screen and (orientation:landscape) and (min-device-width: 561px) and (max-device-width: 640px) and (-moz-device-pixel-ratio: 3),
	   screen and (orientation:landscape) and (min-device-width: 561px) and (max-device-width: 640px) and (-o-device-pixel-ratio: 3/1),
	   screen and (orientation:landscape) and (min-device-width: 561px) and (max-device-width: 640px) and (device-pixel-ratio: 3) 
	   {
			/* min-width for smartphones to show the whole headup gfx and make the website zoomable */
			html, body, article {
				min-width: 1870px;
			}	
	   }
	   
/* 2048 × 1536 */
@media screen and (orientation:landscape) and (min-width: 1921px) and (max-width: 2048px),
	   screen and (orientation:landscape) and (min-device-width: 1921px) and (max-device-width: 2048px) and (-webkit-max-device-pixel-ratio: 1),
	   screen and (orientation:landscape) and (min-device-width: 1921px) and (max-device-width: 2048px) and (max--moz-device-pixel-ratio: 1),
	   screen and (orientation:landscape) and (min-device-width: 1921px) and (max-device-width: 2048px) and (-o-max-device-pixel-ratio: 1/1),
	   screen and (orientation:landscape) and (min-device-width: 1921px) and (max-device-width: 2048px) and (max-device-pixel-ratio: 1)
	   {	   
			body {
				background-image: url('../../img/bg/background_2048.gif');
			}
		}
		
/* 2560 x 1600 */
@media screen and (orientation:landscape) and (min-width: 2049px),
	   screen and (orientation:landscape) and (min-device-width: 2049px) and (-webkit-max-device-pixel-ratio: 1),
	   screen and (orientation:landscape) and (min-device-width: 2049px) and (max--moz-device-pixel-ratio: 1),
	   screen and (orientation:landscape) and (min-device-width: 2049px) and (-o-max-device-pixel-ratio: 1/1),
	   screen and (orientation:landscape) and (min-device-width: 2049px) and (max-device-pixel-ratio: 1)
	   {   
			body {
				background-image: url('../../img/bg/background_2560.gif');
			}
		}