[class*='col-'] {
	float: left;
	/* padding-right: 14px;  column-space */
	padding:6px
}

.grid {
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
}

.grid-pad {
	padding: 12px 0px 0px 0px;/* grid-space to left */
}

.col-1-1 {
	width: 100%;
}

.col-1-2 {
	width: 50%;
	text-align: center;
}
.col-1-3 {
	width: 33.33%;
	text-align: center;
}
.examples .content {
	border: 1px solid #9B9E83;
	border-radius: 6px;
	padding: 10px 0% 10px 0%;
	background: #FDFBF2;
}

@media handheld, only screen and (max-width: 800px) {
[class*='col-'] {
	padding:2px
}

}

@media handheld, only screen and (max-width: 600px) {

	[class*='col-'] {
		width: auto;
		float: none;
		margin-left: 0px;
		margin-right: 0px;
		margin-top: 10px;
		margin-bottom: 10px;
		padding-left: 0px;
		padding-right: 0px; /* column-space */
	}

}