/*(232,240,246,1)*/
/*(250,252,255,1)*/
/*(200,210,220,1)*/

.hero {
	text-align: center;
	background: url('https://images.unsplash.com/photo-1507525428034-b723cf961d3e?auto=format&fit=crop&w=1600&q=80') center/cover no-repeat;
	color: #fff;
	padding: 150px 20px;
	position: relative;
	box-shadow: 0 0 15px rgba(0,0,0,0.35);
}
.hero::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0,0,0,0.4);
}
.hero h1 {
	position: relative;
	font-size: 3rem;
	margin: 0;
	z-index: 1;
	text-shadow: 0 2px 12px rgba(255,255,255,.75);
}
.hero p {
	position: relative;
	font-size: 1.2rem;
	z-index: 1;
	margin-top: 15px;
}