#billboard { position:absolute; top:0; right:0; bottom:292px; left:0; overflow:hidden; }
#billboard .hero { position:absolute; top:0; right:0; bottom:0; left:0; }
#billboard .hero.hide { display: none; }
#billboard.noscript .hero { display: none; }
#billboard.noscript .cherie { display: block; }

/* billboard baseline */
#billboard .header { position:absolute; top:50%; right:0; left:0; }

#billboard .title { margin-bottom:0; }
#billboard .title img { display:none; margin-right:auto; margin-left:auto; }

#billboard .subtitle { margin-bottom:0; }
#billboard .subtitle img { display:none; margin-right:auto; margin-left:auto; }

#billboard .subheadline { margin-bottom:0; }
#billboard .subheadline img { display:none; margin-right:auto; margin-left:auto; }

#billboard .hero-image img { display:none; margin-right:auto; margin-left:auto; }

/* Esa-Pekka
=================================================================*/
#billboard .orchestrating {background: transparent url(orchestrating_hero.jpg) no-repeat 50% 61%; background-size: 1440px auto; left: 50%; margin-left: -720px; width: 1440px;  background-color:#000;}

@media only screen and (-webkit-min-device-pixel-ratio:1.5) and (min-device-width:321px),
			 only screen and (min-device-pixel-ratio:1.5) and (min-device-width:321px) {
	#billboard .orchestrating { background-image:url(orchestrating_hero_2x.jpg); }
}


/* large desktop */
@media only screen and (min-height:1250px) {
	#billboard .orchestrating {background-position: 50% 50%;}
	#billboard .orchestrating .header { margin-top:-400px; background-image: url(http://images.apple.com/v/home/ax/images/copy_darken.png); }

	#billboard .orchestrating .title .small,
	#billboard .orchestrating .subheadline .small  { display:none; }

	#billboard .orchestrating .title .medium,
	#billboard .orchestrating .subheadline .medium { display:block; }
}
/* large desktop retina */
@media only screen and (min-height:1250px) and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-height:1250px) and (min-device-pixel-ratio:1.5) {
	#billboard .orchestrating .header { background-image: url(http://images.apple.com/v/home/ax/images/copy_darken_2x.png); }
}

/* iPad landscape */
@media only screen and (min-device-width:481px) and (max-device-width:768px) and (orientation:landscape) {
	#billboard .orchestrating { background-size: 1300px auto; }
	#billboard .orchestrating .header { margin-top: -255px;  }

	#billboard .orchestrating .title .medium,
	#billboard .orchestrating .subheadline .medium { display:none; }

	#billboard .orchestrating .title .small,
	#billboard .orchestrating .subheadline .small { display:block; }
}
/* iPad portrait */
@media only screen and (min-device-width:481px) and (max-device-width:768px) and (orientation:portrait) {
	#billboard .orchestrating { background-size: 1200px auto; }
	#billboard .orchestrating .header { margin-top: -440px; }
}

/* iphone landscape short */
@media only screen and (min-device-width:320px) and (max-device-width:480px) and (orientation:landscape) {
	#billboard .orchestrating { background-size: 1200px auto; background-position: 50% 78%; }
}

/* iphone portrait */
@media only screen and (min-device-width:320px) and (max-device-width:480px) and (orientation:portrait) {
	#billboard .orchestrating { background-size: 1024px auto; background-position: 50% 0; background-image: url(orchestrating_hero.jpg); }
	#billboard .orchestrating .header { margin-top: -590px; background-position: 50% 0; }

	#billboard .orchestrating .title .small,
	#billboard .orchestrating .title .medium,
	#billboard .orchestrating .subheadline .small,
	#billboard .orchestrating .subheadline .medium { display:none; }

	#billboard .orchestrating .header .title .large,
	#billboard .orchestrating .header .subheadline .large { display:block; }
	#billboard .orchestrating .header .cta .medium { display: none; }
	#billboard .orchestrating .header .cta .large { display: inline-block; }
}

/* iphone portrait small screen */
@media only screen and (max-device-height:480px) and (orientation:portrait) {
	#billboard .orchestrating { background-size: 1024px auto; background-position: 50% 74%; }
	#billboard .orchestrating .header { margin-top: -440px; background-position: 50% 100%; }
}

/* Chérie
=================================================================*/
#billboard .cherie {background: transparent url(cherie_hero.jpg) no-repeat 76% 56%; background-size: 1593px auto; left: 50%; margin-left: -720px; width: 1440px;}

@media only screen and (-webkit-min-device-pixel-ratio:1.5) and (min-device-width:321px),
			 only screen and (min-device-pixel-ratio:1.5) and (min-device-width:321px) {
	#billboard .cherie { background-image:url(cherie_hero_2x.jpg); }
	#billboard .cherie .header { background-image: url(copy_darken_cherie_2x.png); }
}

/* desktop 15 & desktop 11 (default) */
#billboard .cherie .header { margin-top: -200px; background: transparent url(http://images.apple.com/v/home/ax/images/copy_darken_cherie.png) no-repeat 50% 50%; background-size: 938px auto;}
#billboard .cherie .header .title a { padding-top: 130px; display: block; padding-bottom: 5px; }
#billboard .cherie .header .subheadline a { padding-bottom: 20px; display: block; }
#billboard .cherie .header .cta { display: block; }
#billboard .cherie .header .cta-wrap { padding-bottom: 130px; display: block; }
#billboard .cherie .header .cta:hover .medium { margin-top: -32px; }
#billboard .cherie .header .cta .medium { display: inline-block; }
#billboard .cherie .header .cta .large { display: none; }

#billboard .cherie .title .small,
#billboard .cherie .subheadline .small { display:block; }

/* large desktop */
#billboard .cherie {background-position: 50% 30%; background-size: 1440px auto; background-color:#000; }
#billboard .cherie .header { margin-top:-200px; top: 30%; background-image: url(http://images.apple.com/v/home/ax/images/copy_darken_cherie.png); }

#billboard .cherie .title .small,
#billboard .cherie .subheadline .small  { display:none; }

#billboard .cherie .title .medium,
#billboard .cherie .subheadline .medium { display:block; }

@media only screen and (max-height:995px) {
	#billboard .cherie { background-position: 75% 56%; background-size: 1593px auto; }
	#billboard .cherie .header { margin-top: -200px; top: 50%; }
	#billboard .cherie .title .small,
	#billboard .cherie .subheadline .small  { display:block; }

	#billboard .cherie .title .medium,
	#billboard .cherie .subheadline .medium { display:none; }
}

/* large desktop retina */
@media only screen and (min-height:1250px) and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-height:1250px) and (min-device-pixel-ratio:1.5) {
	#billboard .orchestrating .header { background-image: url(http://images.apple.com/v/home/ax/images/copy_darken_cherie_2x.png); }
}

@media only screen and (max-height:570px) {
	#billboard .cherie { background-position: 86% 58%; background-size: 1557px auto; }
}

/* iPad landscape */
@media only screen and (min-device-width:481px) and (max-device-width:768px) and (orientation:landscape) {
	#billboard .cherie { background-size: 1440px auto; background-position: 45% 56%; width: 1024px; margin-left: -512px; }
	#billboard .cherie .header { margin-top: -230px;  }

	#billboard .cherie .title .medium,
	#billboard .cherie .subheadline .medium { display:none; }

	#billboard .cherie .title .small,
	#billboard .cherie .subheadline .small { display:block; }
}
/* iPad portrait */
@media only screen and (min-device-width:481px) and (max-device-width:768px) and (orientation:portrait) {
	#billboard .cherie { background-size: 1440px auto; background-position: 36% 30%; width: 1024px; margin-left: -512px; }
	#billboard .cherie .header { margin-top: -420px; top: 50%; }
}

/* iphone landscape short */
@media only screen and (min-device-width:320px) and (max-device-width:480px) and (orientation:landscape) {
	#billboard .cherie { background-size: 1100px auto; background-position: 42% 76%; }
	#billboard .cherie .header { margin-top: -292px; }
}

/* iphone portrait */
@media only screen and (min-device-width:320px) and (max-device-width:480px) and (orientation:portrait) {
	#billboard .cherie { background-size: 1750px auto; background-position: 31% 14%; width: 1024px; margin-left: -512px; }
	#billboard .cherie .header { margin-top: -540px; background-position: 50% 0; top: 50%; }

	#billboard .cherie .title .small,
	#billboard .cherie .title .medium,
	#billboard .cherie .subheadline .small,
	#billboard .cherie .subheadline .medium { display:none; }

	#billboard .cherie .header .title .large,
	#billboard .cherie .header .subheadline .large { display:block; }
	#billboard .cherie .header .cta .medium { display: none; }
	#billboard .cherie .header .cta .large { display: inline-block; }
}

/* iphone portrait small screen */
@media only screen and (max-device-height:480px) and (orientation:portrait) {
	#billboard .cherie { background-size: 1450px auto; background-position: 37% 14%; width: 1024px; margin-left: -512px; }
	#billboard .cherie .header { margin-top: -460px; background-position: 50% 100%; }
}