.customizerWrap{
	width:100%;
	position:relative;
	display:inline-block;
	float:left;
	text-align:center;	
    z-index: 1;
}
.sfumatoBG{
	width:100%;
	float:left;
	background-color:rgba(0,0,0,.5);	
	height:100%;
	display:inline-block;
	color:white;
	padding-top:50px;
}
.sfumatoBG h1{
	font-size:48px;
	font-size:3rem;
	font-family:'Permanent Marker', cursive;	
}
.sfumatoBG h2{
	font-size:30px;
	font-size:2rem;
}
.sfumatoBG p{
	font-size:18px;
	font-size:1rem;
	line-height:24px;
	text-align:center;
}
.sfumatoBG h1,
.sfumatoBG h2,
.sfumatoBG a,
.sfumatoBG .ghost,
.sfumatoBG p{
	display:block;
	width:80%;
	max-width:650px;
	clear:both;
	margin:15px auto;
	color:white;
	letter-spacing:1px;
}
.sfumatoBG a,
.sfumatoBG .ghost{
	border:1px solid white;
	border-radius:2px;
	padding:10px;
	max-width:200px;
	top:24px;	
	position:relative;
}
#hero{
	height:479px;
	width:100%;
	display:inline-block;
	float:left;	
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center;
	position:relative;
	background-color:transparent;
	z-index:1;
}

@media screen and (min-width:768px){
	#hero{
		background-size:auto 100%;	
	}
	#hero:before,
	#hero:after{
		content:'';
		position:absolute;
		z-index:-1;
		top:0;
		bottom:0;
		width:33.3333333333333333333339%;
		height:100%;
		background-image:inherit;
		background-size:cover;
		background-repeat:inherit;
		-moz-transform: scaleX(-1);
		-o-transform: scaleX(-1);
		-webkit-transform: scaleX(-1);
		transform: scaleX(-1);
		filter: FlipH;
		-ms-filter: "FlipH";
		background-position:inherit;
	}
	#hero:before{
		left:1px;	
	}
	#hero:after{
		right:1px;
	}	
}

@media screen and (min-width:1450px) {
	#hero{
		background-size:33.33333333333333333333339% auto;
	}
	
}