div#patrick {margin-bottom: 20px;}
div#patrick div {font-size:20px; color:#555555; border-right:0px; font-family: "lato"; font-size: 1rem;}
div#patrick div#introtext {background:#333333; color:#cccccc; padding:15px 0px 15px 15px;}
div#patrick div.q {padding-bottom: 10px;}
div#patrick div.q, div.a {background:#cccccc; min-height:45px;  padding:15px 0px 0px 15px;}
div#patrick div.q div{float:left; padding:none;}
div#patrick div.q div span{cursor:default;}
div#patrick div#answers{overflow:hidden; background:brown; }
div#patrick div#answers:after, div.q:after{content:""; display:table; clear:both;}
div#patrick div.a {background:brown; color: #FFFFFF; float: left; font-size: 65px; padding-bottom: 25px; width: 48%; border:0px none; min-height:100px; min-width:140px; vertical-align:top;}
div#patrick div.a span.words {color: #ECECEC; display: inline-block; font-size: 16px; line-height: 20px; width: 60%; margin-left: 20%; vertical-align:top;}
div#patrick div.a span.percentage {width: 100%; text-align: center; display: block; margin-top: 10px; margin-bottom: 10px;}
div#patrick div.option {border: 1px solid #A9A9A9; cursor: pointer; padding: 5px 10px; margin-left: 10px; margin-top: 5px;}
div#patrick div.option-label {border: 1px solid #cccccc; padding: 5px 10px; margin-top: 5px;}
div#patrick div.option span {color: #bfbfbf; font-family: "icomoon";}
div#patrick div.option span:before {content: "\e626";}
div#patrick div.option.selected {; background-color: #e8e8e8;}
div#patrick div.option.selected span {color: #333333;}
div#patrick form {margin-bottom: 0px; padding-bottom: 15px; background-color: #cccccc;}
div#patrick div#patrick-credits {font-size: .8rem; padding: 10px 15px; background-color: #A9A9A9;}

.icon-check-alt:before {
	content: "\e626";
}


@media screen and (max-width: 500px) {
	div#patrick div.a{width:100%; border-bottom:2px solid #ffffff; min-height:50px;}
}