.register-now {
	display: inline-block;
	text-indent: -9999px;
	position: absolute;
	top:752px;
	width: 100%;
	height:52px;
	z-index:1;
	cursor:pointer;
}

.register-now:hover {
	background-color:transparent;
	background-image: url("/wwdc/images/wwdc16-bg-color-transparent.png");
	opacity: .5;
}

.wwdc16-hero {
	width:980px;
	height: 691px;
	background-image: url('/wwdc/images/wwdc16-home-hero-2-large.png');
	background-repeat: no-repeat;
	background-size: 980px 691px;
	margin: 3em auto 3em;
	left:-1px;
	position:relative;
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
	.wwdc16-hero {
		width:768px;
		height: 553px;
		background-image: url('/wwdc/images/wwdc16-home-hero-2-medium.png');
		background-size: 768px 553px;
		margin: 2em 22px;
	}

	.register-now {
		top:600px;
	}
}

@media screen and (max-width: 767px) {
	.wwdc16-hero {
		width:300px;
		height: 339px;
		background-image: url('/wwdc/images/wwdc16-home-hero-2-small.png');
		background-size: 300px 339px;
		margin: 1em 1em;
	}

	.register-now {
		top:371px;
	}
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), only screen and (min-resolution: 144dpi) {
	.wwdc16-hero { background-image: url('/wwdc/images/wwdc16-home-hero-2-large_2x.png'); }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 768px) and (max-width: 1023px) and (min-resolution: 1.5dppx), only screen and (min-width: 768px) and (max-width: 1023px) and (min-resolution: 144dpi) {
	.wwdc16-hero { background-image: url('/wwdc/images/wwdc16-home-hero-2-medium_2x.png'); }
}

@media only screen and (max-width: 767px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 767px) and (min-resolution: 1.5dppx), only screen and (max-width: 767px) and (min-resolution: 144dpi) {
	.wwdc16-hero { background-image: url('/wwdc/images/wwdc16-home-hero-2-small_2x.png'); }
}
