h1 {
	text-align: center;
}

#careers-intro {
	background-color: #FFF;
	background-image: url(/media/careers.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: 70%;
	-ms-behavior: url(/asset/js/backgroundsize.min.htc);
	position: relative;
	padding-top: 30px;
	padding-bottom: 60%;
}

#careers-intro h1 {
	font-size: 1.8em;
}

#careers-intro-text p {
	text-align: center;
}

section#vacancies h3 {
	color: #09f;
	font-size: 1.25em;
	font-weight: bold;
}

@media screen and (min-width: 770px) {
	#careers-intro {
		background-size: 40%;
		padding-bottom: 50px;
		background-position: 10% bottom;
	}

	#careers-intro h1 {
		font-size: 2.4em;
	}

	#careers-intro-text {
		position: relative;
		left: 50%;
		margin-top: 50px;
		width: 50%;
	}

	#careers-intro-text p {
		text-align: left;
	}
}

@media screen and (min-width: 950px) {
	#careers-intro-text {
		position: relative;
		margin-top: 75px;
		margin-bottom: 50px;
	}
}

@media screen and (min-width: 1100px) {
	#careers-intro {
		background-size: 30%;
		background-position: 20% bottom;
	}
}

@media screen and (min-width: 1200px) {
	#careers-intro {
		background-size: 35%;
		background-position: 15% bottom;
	}

	#careers-intro-text p {
		font-weight: 300;
		font-size: 1.4em;
		text-align: left;
	}

	#careers-intro-text {
		position: relative;
		left: 50%;
		margin-top: 100px;
		width: 40%;
	}
}

@media screen and (min-width: 1600px) {
	#careers-intro {
		padding-top: 50px;
		background-size: auto;
	}

	#careers-intro-text {
		position: relative;
		left: 50%;
		margin-top: 100px;
		margin-bottom: 100px;
		width: 40%;
	}
}

@media screen and (min-width: 2000px) {
	#careers-intro {
		background-position: 25% bottom;
	}
}

#vacancies {
	background-color: #F1F4F9;
	padding: 75px 0;
}

article {
	margin-top: 30px;
	background-color: #FFF;
	padding: 3%;
	width: 94%;
}

@media screen and (min-width: 770px) {
	article {
		margin: 50px 17% 0 17%;
		padding: 3%;
		width: 60%;
	}
}

#apply {
	background-color: #FFF;
	padding: 75px 0;
}