body.raven-rater #page {
	margin: 0 auto;
	padding: 60px 0;
}
body.raven-rater a {
	color: #6ba643;
}
body.raven-rater input[type=submit] {
	cursor: pointer;
}
body.raven-rater input[type=submit]:hover {
	color: #d0e8bf;
}
body.raven-rater #hero {
	/*background-color: #6ba643 !important;*/
	display: table;
	width: 100%;
	vertical-align: top;
}
body.raven-rater #hero .inner-container {
	display: table-cell;
	vertical-align: middle;
}
body.raven-rater #hero .title {
	width: 230px;
	display: block !important;
	color: #fff;
	margin: 0 auto;
}
body.raven-rater #hero .title-tag {
	position: relative;
	text-align: right;
	float: right;
	top: -15px;
	font-size: 28px;
}
body.raven-rater #hero .title-caption {
	text-align: left;
	top: 120px !important;
}
body.raven-rater .subtitle{
	display: block !important;
}
#ravenrater input[type=submit] {
	margin-top: 20px;
	background-color: #6ba643;
}
#ravenrater .title-caption {
	display: none;
}

#ravenrater .inner-container {
	background-color:rgba(0,0,0,0.2);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#33000000,endColorstr=#33000000);
	zoom: 1 !important;
	z-index: 1 !important;
	content: ' ';
	min-height: 250px;
}

/* DESKTOP BREAKPOINT */
/*-----------------------*/
@media screen and (min-width: 1024px) {
	#ravenrater #page .split{
		box-sizing: border-box;
		display: inline-block;
		vertical-align: top;
		width: 46%;
	}
	#ravenrater #page .split.margined{
		margin: 0 4% 0 0;
	}
	#ravenrater .information {
		width: 60%;
	}
	#ravenrater .inner-container * {
		display: inline-block;
		box-sizing: border-box;
		color: #fff;
	}
	#ravenrater #hero {
		position: relative;
	}
	#ravenrater #hero .title {
		font-size: 6em;
		width: 456px;
		height: 75px;
		vertical-align: top;
		margin: 0 auto;
	}
	#ravenrater #hero .title-tag {
		font-size: 42px;
		-webkit-font-smoothing: antialiased;
		position: relative;
		top: -25px;
		left: 8px;
	}
	#ravenrater #hero .title-caption {
		position: absolute;
		top: 165px;
		right: 6%;
		width: 20%;
	}
}

@media screen and (min-width: 1350px) {
	#ravenrater #hero .title-caption {
		right: 12%;
	}

}

@media screen and (min-width: 1650px) {
	#ravenrater #hero .title-caption {
		right: 15%;
	}

}