#demo ol{
	margin: 0;
}
#demo dl{
	margin-bottom: 0.2em;
}
	#demo dl dt{
		font-weight: normal;
	}


@media only screen and (min-width:800px){
	#demo{
		display: table;
		border-right: 0px solid #ccc;
		border-bottom: 0px solid #ccc;
			width: 100%;
	}
	#demo{
		display: table;
		border-right: 0px solid #ccc;
		border-bottom: 0px solid #ccc;
			width: 100%;
	}
		#demo p{
			display: none;
		}
		#demo #ex{
			display: table-header-group;
		}
		#demo ol{
			display: table-row;
			margin: 0;
		}
		#demo ol li{
			display: table-cell;
			padding: 3px;
			font-weight: bold;
			text-align: center;
			background: #e6e6e6;
			border-left: 0px solid #ccc;
			border-top: 0px solid #ccc;
		}
		#demo #words{
			display: table-row-group;
			width: 100%;
		}
		#demo dl{
			display: table-row;
			margin: 0;
			width: 100%;
		}
			#demo dl dt{
				display: table-cell;
				text-align: right;
				padding: 3px;
				border-left: 0px solid #ccc;
				border-top: 0px solid #ccc;
			}

			#demo dl dd{
				display: table-cell;
				padding: 3px;
				border-left: 0px solid #ccc;
				border-top: 0px solid #ccc;
			}

}