body{
	margin: 0;
}

.graphicWrapper {
	background:#4bc6df; 
	color:#333;
	font-family: 'Guardian Text Egyptian Web', Georgia, serif;
	border-top: 4px solid #4bc6df;
	padding: 15px;
	width: 100%;
	max-width:860px;
	font-size: 1em;
	line-height:24px;
	-webkit-font-smoothing: antialiased;
	float:left;
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.disclaimerWrapper {
	background:transparent; 
	color: #9e9393;
	font-family: "Guardian Text Sans Web", sans-serif; 
	font-size:0.9em;
	line-height:1.5em;
	font-weight:100;
	padding: 10px 0px 0px 0;
	width:100%;
	max-width:620px;
	float:left;
	position: relative;
	-webkit-font-smoothing: antialiased;
}

.graphicWrapper p {}

.graphicHead {
	font-family: "Guardian Egyptian Web", Georgia, serif;
	font-size: 2em;
	font-weight: 900;
	margin-top:10px;	
}

.containerQ {
	position: relative;
	float: left;
	display:block;
	width:100%;	
}

.containerQ {
	border-top:1px solid #333;
}

.containerQ  h3 {
	font-family: "Guardian Egyptian Web", Georgia, serif;
	font-size:1.3em;
	line-height:1.3em;
	font-weight:500;
	margin:0px;	
	clear:both;
	float:left;
	position: relative;	
	display:block;
	width:90%;
	z-index:50;
	padding-top:15px;
	padding-bottom:0;
}

.myContent {width:90%; float:left; position: relative; display:inline-block;border:1px solid red;padding:0;}


/* .buttonContainer button:first-child  {padding-left:0px;} */
.buttonContainer .separator:last-child {display:none;}

.buttonContainer {margin-bottom:40px;width:100%;float:left; display:inline-block;}

.myImg img {width:100%; margin:0 auto;position: relative;right:3px;bottom:5px;}

button {font-size: 14px; font-weight: bold;  font-family: 'Guardian Text Sans Web', 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif;text-align:center;vertical-align:middle; padding-left:10px; background:transparent;margin-right:10px; border:2px solid #FFF; padding:10px; border-radius: 1rem; position:relative; outline: none; color:#fff;}

button:hover, button.choice.picked {border: 2px solid #fff; color:#333; background-color: #fff;}

button .arrow {display:none;}
button:hover .arrow, button.choice.picked .arrow
{	width: 0;
    height: 0;

    display:block;
    position:absolute;
    left:50%;
    bottom:-2px;
}

button .arrow::before { 
	content:' ';
        border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #fff;
    width: 0;
    height: 0;
    position: absolute;
    left: -6px;
}

.separator {
	display:inline-block;
	width:0px;
	border-right: 1px solid #999;
	height:14px;
	vertical-align: center;
	padding-top:2px;	
}

.new_separator {
	display:inline-block;
	width:0px;
	border-right: 1px solid #333;
	height:14px;
	vertical-align: center;
	padding-top:2px;
	margin-right:20px;
	margin-left:20px;	
}

.intro-start {color:#767676; font-weight:100; float:left; position: relative;font-size:0.9em;line-height:1.3em;clear:both;width:90%;margin-bottom:5%;color:#4bc6df;}

.explainer {color:#333; font-weight:100; float:left; position: relative;font-size:0.9em;line-height:1.3em;clear:both;/* font-style: italic; */width:90%;padding:10px 0px 10px 0px;}

.answer {font-size:1em;width:89%; position: relative;float:left;margin-top:-10px; background-color: #fff; border-radius: 1rem; color:#333; padding:0px 3% 0 3%;margin-bottom:5%;border:1px solid #4bc6df;}


.status {font-size:0.8em;  font-weight:800; display:inline-block;float:left;font-family:"AgateSans", sans-serif; text-transform: uppercase;padding-bottom:20px;color:#000;}

@media (min-width: 300px) and (max-width: 500px) {	

.status {float:left;font-family:"AgateSans", sans-serif; text-transform: uppercase;padding-bottom:20px;color:#000;width:90%; clear:right;position:relative;}

	
}