#billboard { position:relative; z-index:1; margin:10px auto 10px; width:980px; height:480px}

#billboard .hero-image { display:block; position:relative; z-index:1; }
#billboard .hero-image img { display:block; }

@media only screen and (min-device-width:320px) and (max-device-width:930px) {
	#billboard .ipad-mini { width:1002px; overflow:hidden; }
}
#billboard .ipad-mini .column.first { position:relative; z-index:2; width:500px; padding-bottom:0px; background-color:#fff; }
#billboard .ipad-mini .hero-title { margin:119px 0 80px; text-align:center; }
#billboard .ipad-mini .hero-title img { margin:0 auto; }
#billboard .ipad-mini .hero-image { float:right; width:738px; margin-top:-483px; margin-right:-65px; }

#billboard .ipad-retina .hero-title { display:block; margin-bottom:-5px; }
#billboard .ipad-retina .hero-title img { display:block; margin:0 auto; }

#billboard .ipad-retina .hero-image { display:block; margin-left:-2px; margin-bottom:0px; }

#billboard .imac .hero-image,
#billboard .imac .hero-title { position:relative; }
#billboard .imac .hero-title { float:left; margin-right:-100px; padding:266px 0 0 80px; *padding-top:256px; z-index:2; }
#billboard .imac .hero-title img { _position:absolute; _z-index:2; }
#billboard .imac .hero-image { display:block; _display:inline; margin:1px 72px -6px 0; *margin:-9px 72px 4px 0; z-index:1; }