* {
	transition: all 200ms;
}

html {
	height: 100%;
	margin: 0;
	padding: 0;
	width: 100%
}
body {
	color: #0d0d0d;
	font-family: Helvetica, Arial, Sans-Serif;
	height: 100%;
	margin: 0;
	height: 100%;
	min-height: 34em;
	overflow-x: hidden;
	padding: 0;
	width: 100%;
}
a {
	text-decoration: none;
}
img {
	-ms-interpolation-mode: bicubic;
}
input, input:focus {
	border: none;
	outline: none;
}
#container {
	background: url('rtg-bg.png');
	background-position: center right;
	background-repeat: no-repeat;
	background-size: cover;
	height: 100%;
	width: 100%;
}
#content {
	background-color: #ffffff;
	border-radius: 5px;
	box-shadow: 1px 1px 10px 1px #0d0d0d;
	height: 32em;
	position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
	max-width: 52em;
	width: calc(100% - 2em);
}
#logo-container {
	margin: 1.5em 0 0 0;
	width: 100%;
}
#logo-content {
	margin: 0 auto;
	padding: 1em;
	width: 18em;
}
#col-container {
	height: calc(100% - 7em);
	margin-top: 1em;
	text-align: center;
	width: 100%
}
#left-content {
	background-image: url('rtg-rep.png');
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: contain;
	display: inline-block;
	height: 100%;
	margin-left: -2em;
	text-align: left;
	vertical-align: top;
	width: 25em;
}
#right-content {
        display: inline-block;
        height: 100%;
	text-align: left;
	vertical-align: top;
        width: 25em;
}
#rtg-logo {
	height: auto;
	width: 20em;
	text-align: center;
}
.question-container {
	border: 1px solid #169162;
	border-radius: 5px;
	height: 2.5em;
	margin: 3.75em 0 0 0;
	position: relative;
	width: 23em;
}
.qleft {
	float: left;
	height: 100%;
	width: calc(100% - 3em);
}
.qright {
	background-color: #169162;
	background-image: url('arrow.png');
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
        float: left;
        height: 100%;
        width: 3em;
}
.question {
	font-size: 14px;
        line-height: 2.755555em;
        margin: 0 0 0 0;
        text-indent: .75em;
}
.link {
	display: block;
	height: 100%;
	width: 100%;
}
@media all and (max-width: 900px) {
	#left-content {
		display: none;
	}
	#right-content {
		width: calc(100% - 2em);
	}
	.question-container {
		margin: 3.75em auto;
		width: 100%;
	}
	.qright {
		background-size: 2em 2em;
	}
	.question {
		font-size: 12px;
	  line-height: 3.4em;
	}
	#logo-content {
		padding: 1em 2em 1em 0em;
	}
}
