@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:50%;

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

}
.col-6-6{
	width:20%;
	padding:2% 0%;
}

.col-1-7{			/* margins for success page */
	width:33.33%;
}
.col-2-7{			/* container for success page */
	width:33.33%;
	margin:2% 0%;
	text-align:center;
}


}