/* CSS Document */

.parallax-bkgrd {
	min-height: 550px;
	width: 100%;
	padding-top: 50px;
	
	/* Create parallax scrolling effect */
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;

	/*-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;*/
}

.parallax-bkgrd > .prodname {
	/*position: relative;*/
	/*top: 350px;*/
	/*left: 75%;*/
	position: absolute;
	top: 50%;
	right: 0%;
	/*transform: translate(-50%, -50%);*/
	background: #ff6418;
	color: #fff;
	padding: 10px;
}
.prodname > h1 {
	font-weight: 300;
	font-size: 50px;
	line-height: 1;
	letter-spacing: -1px;
	color: #fff;
	padding: 0px 1em 0px 0px;
}
.parallax-copy {
	background: rgba(0,0,0, 0.6);
	border-top: 3px solid #F48326;
	position: relative;
	top: 10px;
	left: 75%;
	width: 300px;
	padding: 15px;
}
.parallax-copy > h1 {
	font-size: 60px;
	line-height: 65px;
	opacity: 1;
}
.parallax-copy > p {
	font-size: 20px;
	line-height: 24px;
	color: #fff;
}