.slab .custom-quiz .arrow {display: none;}
.slab .custom-quiz .arrow:after {
	position: absolute;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	content: "";
	width: 40px;
	height: 40px;
	transform: rotateZ(45deg);
	bottom: -23px;
	background-color: #454646;
}
main .slab .custom-response a.close {
	position: absolute;
	right: 1em;
	border: 0;
	top: 0;
	cursor: pointer;
	line-height: 1;
}
main .slab .custom-response a.close:after {
	vertical-align: middle;
	font-size: 45px;
	font-weight: 300;
	content: "\00d7";
	padding-left:5px;
}
main .slab .custom-response {position: relative;}
main .slab .custom-response .no-response, main .slab .custom-response .tick-response {text-align: left;}
main .slab .custom-response:not(.active){height:0; padding:0;}
main .slab .custom-response .no-response div:not(.active),main .slab .custom-response .tick-response div:not(.active) { display: none; }
main .slab .custom-response .tick-response {margin-bottom: 30px;}
main .slab .custom-response .tick-response div h3{font-weight: 200;}
main .slab .custom-response .fa-check:before { 
	content: "\f00c";
	font-family: "FontAwesome";
	font-size: 6em;
	line-height: 1;
	color: hsl(0, 0%, 40%);
}
main .slab .custom-response .fa-check.active:before {color: #c02424;}

@media all and (max-width: 32em) {

main .slab .custom-quiz .arrow:after {bottom: -32px;}	
main .slab .custom-quiz p {margin-bottom: 0; width: 100%}
main .slab .custom-quiz div {padding-bottom: 5px;}


main .slab .custom-response .fa-check:before {font-size: 3.5em;}
main .slab .custom-response .ticks {margin-top: 2em;}
}