.hero {
	width: 100%;
	background: url(../img/project_absolutebest_hero_bg.png) no-repeat center center;
	background-size: cover;
	display: flex;
}

.hero .block {
	margin: auto;
	max-width: 450px;
	text-align: left;
}

.hero .block img {
	max-width: 450px;
	width: 100%;
}

.hero .block h2 {
	margin-left: 3.5%;
	font: 600 italic 28px/34px Georgia, Times, 'Times New Roman', serif;
	text-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
	color: #FFFFFF;
}

section.orange {
	background: #F15E41;
}

section.grey {
	background: #F1F2F2;
}

section.orange h1,
section.orange p {
	color: #FFFFFF;
}

section img.standalone {
	max-width: 300px;
	padding-top: 100px;
}

section h1 + img.standalone {
	margin-top: -50px;
}

section img.standalone + p {
	margin-top: 50px;
}

@media (max-width: 640px) {
	.hero .block {
		width: 93%;
	}
	
	.hero .block h2 {
		font: 600 italic 24px/30px Georgia, Times, 'Times New Roman', serif;
	}
}