.main {
	top: -60px;
}

.introduction {
	background-color: #FFF;
	background-image: url("https://devimages.apple.com.edgekey.net/wwdc/images/wwdc15-events-hero.jpg");
}

.design-awards {
	background-color: #FFF;
	background-image: url("https://devimages.apple.com.edgekey.net/wwdc/images/wwdc15-events-ada.jpg");
}

.lunch-speakers {
	background-color: #FFF;
	background-image: url("https://devimages.apple.com.edgekey.net/wwdc/images/wwdc15-events-speakers.jpg");
}

.get-togethers {
	background-image: url("https://devimages.apple.com.edgekey.net/wwdc/images/wwdc15-events-get-togethers.jpg");
}

.the-bash {
	background-color: #FFF;
	background-image: url("https://devimages.apple.com.edgekey.net/wwdc/images/wwdc15-events-bash.jpg");
}

.introduction .copy {
	padding-top: 25% !important;
}

.introduction .intro {
	color: #fff;
}

.design-awards .copy {
	padding-top: 30% !important;
}

.lunch-speakers .copy {
	padding-top: 30% !important;
}

.get-togethers .copy {
	padding-top: 10% !important;
}

.the-bash .copy {
	padding-top: 25% !important;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min-device-pixel-ratio: 1.5) {
	.introduction {
		background-image: url("https://devimages.apple.com.edgekey.net/wwdc/images/wwdc15-events-hero_2x.jpg");
	}

	.design-awards {
		background-image: url("https://devimages.apple.com.edgekey.net/wwdc/images/wwdc15-events-ada_2x.jpg");
	}

	.lunch-speakers {
		background-image: url("https://devimages.apple.com.edgekey.net/wwdc/images/wwdc15-events-speakers_2x.jpg");
	}

	.get-togethers {
		background-image: url("https://devimages.apple.com.edgekey.net/wwdc/images/wwdc15-events-get-togethers_2x.jpg");
	}

	.the-bash {
		background-image: url("https://devimages.apple.com.edgekey.net/wwdc/images/wwdc15-events-bash_2x.jpg");
	}
}

@media all and (min-device-width: 768px) and (max-width: 1023px) {
	.introduction .copy {
		padding-top: 20% !important;
	}

	.design-awards .copy {
		padding-top: 20% !important;
	}

	.lunch-speakers .copy {
		padding-top: 20% !important;
	}

	.get-togethers .copy {
		padding-top: 4% !important;
	}

	.the-bash .copy {
		padding-top: 15% !important;
	}
}

@media all and (max-device-width: 767px) {
	.col-25, .col-20, .col-15, .col-10 {
		width: 100%;
	}

	.text-right {
		text-align:left;
	}

	.introduction .copy {
		padding-top: 20% !important;
	}

	.design-awards .copy {
		padding: 3em 1em !important;
	}

	.lunch-speakers .copy {
		padding: 13em 1em 0 !important;
	}

	.get-togethers .copy {
		padding-top: 3em !important;
	}

	.the-bash .copy {
		padding: 3em 1em !important;
	}

	.introduction {
		background-position: 40% 50%;
	}

	.design-awards {
		background-position: 21% 145px;
		background-size: 1000px auto;
		background-color: #000;
	}

	.lunch-speakers {
		background-position: 70% 50%;
	}

	.get-togethers {
		background-position: 50% 100%;
		background-size: 130% auto;
	}

	.the-bash {
		background-position: 35% 50%;
	}
}