.sentbox {
	max-width: 50%;
}

.blurbwrap {
	max-width: 50%;
}

.dirbox {
	height:1em;
}

.ansbox {
	margin: 15;
}

.dispbox > div {
	display:inline-block;
	width:20%;
	text-align: center;

}

#subdp, #vbdp, #dodp {
	height:3em;
	vertical-align: top;
}

.dpvtxt {
	color:red;
}

.dpstxt {
	color:blue;
}

.dpdtxt {
	color:green;
}

#dirs, #dird, #dird, #dirn, #dirf, #s2, #s3, #s4, .dpstxt, .dpvtxt, .dpdtxt {
	display:none;
}

#nxtbut {
	margin-left: 20px;
	background-color: red;
	color:white;
	padding:5px;
	border:1px black solid;
	border-radius: 5px;
	font-size: .8em;
	cursor:pointer;
	position:relative;
	transition: all .3s;
}

.buttup {
	box-shadow: 2px 2px #AAA;
}

.pshd {
	top:2px;
	left:2px;
	box-shadow: 0px 0px #AAA;
}

#dirn {
	position:relative;
}

@media screen and (max-width: 690px) {

.sentbox {
	max-width: 100%;
}

.blurbwrap {
	max-width: 90%;
}

.dispbox > div {
	width:30%;
}

.dplab {
	height: 2.5em;
}

.ind {
	margin-left: 10px;
}
}