@media (min-width:500px) {
.grid {
	width:100%;
}

[class*='col-'] {
	float:left;
}

.col-1-3 {			/* left indent */
	width:3%;
	height:100%;
}
.col-2-3 {			/* container for rest of content */
	width:97%;
	height:100%;
}

.col-1-4 {			/* left page margin */
	width:10%;
}
.col-2-4 {			/* centre column, contains content */
	width:80%;
}
.col-3-4 {			/* right page margin */
	width:10%;
}

.col-1-5 {			/* left element margins */
	width:5%;
}
.col-2-5{			/* element container */
	width:95%;
}
.col-3-5{			/* street container */
	width:35%;
	margin:2% 0%;
}
.col-4-5{			/* city container */
	width:45%;
	margin:2% 0%;
}
.col-5-5{			/* postal code container */
	width:20%;
	margin:2% 0%;
}

.col-1-6{			/* Item info - step header container */
	width:60%;
}
.col-2-6{			/* Item info - selector/field container */
	width:40%;
}
.col-3-6{			/* columns for header top bar - logo/site name, divider, my account */
	width:2%;
}
.col-4-6{			/* image upload elements */
	width:38%;

}
.col-5-6{			/* image upload "right margin" */
	width:60%;

}
.col-6-6{
	width:66.66%;
	background:red;
}

}