.mainarea {
	color:#000;
	font-size: 1em;
	font-family: Verdana;

}

.hdln {
	font-size: 1.3em;
	margin-bottom:5px;
}

.ind {
	margin-left: 25px;
}

.emph {
	font-size:1.2em;
}

.blu {
	color:#244C80;
}

.rd {
	color:#FF0000;
}

.grn {
	color:#008800;
}

.redlab {
	color:#244C80;
	text-align: center;
	margin-bottom: 10px;
}

.explbox {
	display:flex;
	flex-wrap: nowrap;
	margin-left: 15px;
}

.sentbox {
	display:flex;
	flex-direction: column;
	max-width: 75%;
}

.sentpic {
	display:flex;
	flex-wrap: wrap;
	align-items: center;
	margin:5px 0;
}

.blurbwrap {
	max-width: 25%;
	margin:15px 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.blurb {
	color:#000;
	font-size: 1em;
	font-family: arial;
	display: inline-block;
	background-image: url("../images/cloudsbig.jpg");
	border: 1px #244C80 solid;
	border-radius: 7px;
	padding:15px;
	text-align: center;
}

.pracsent div {
	cursor:pointer;
}

.Bref {
	cursor:default;
}

.ansbox {
	height: 1.4em;
	width:50%;
	margin:25px;
	color:red;
	font-size: 1.4em;
	text-align: center;
}

#wrong, #corr {
	display:none;
}

.EGbutbox {
	margin:5px auto;
	text-align: center;
}

#prv, #nxt {
	margin:0 100px;
}

ol{
	margin-left: 40px;
}

ol li div:nth-child(1) {
	font-family: Verdana;
	font-size: 1.3em;
	font-weight: bold;
	color:black;
}

ol li div:nth-child(2) {
	font-family: Verdana;
	font-size: 1.1em;
	color:#244C80;
	margin: 0 0 15px 25px;
}

@media screen and (max-width: 690px) {
.explbox {
	flex-wrap: wrap;
}

.sentbox {
	max-width: 100%;
}

.ansbox {
	width: 90%;
}

.blurbwrap {
	max-width: 100%;
}

.mainarea {
	margin:10px 10px 5px 10px;
}

#prv, #nxt {
	margin:0 20px;
}
}