.grid {
	width: 100%;
	max-width: 1650px;
	margin: 0 auto;
	overflow: visible;
	transition: .2s width linear;
}

.grid:after {
	content: "";
	display: table;
	clear: both;
}

.grid-pad {
	padding-top: 0; /* 2.5vw */
	padding-left: 32px; /* grid-space to left */
	padding-right: 32px; /* grid-space to right: (grid-space-left - column-space) e.g. 20px-20px=0 */
}


@media handheld, only screen and (max-width: 1050px) {
	[class*='col-']:last-child {
	    padding-right: 0%;
	}
	.grid-pad {
		padding-left: 24px;
		padding-right: 24px;
	}
}


/*@media handheld, only screen and (max-width: 768px) {
	.grid.grid-pad {
		width: 100%;
		min-width: 0;
		margin-left: 0px;
		margin-right: 0px;
		padding-left: 16px; 
		padding-right: 16px; 
	}
	
	[class*='col-'] {

		margin-left: 0px;
		margin-right: 0px;
		margin-top: 0px;
		margin-bottom: 0px;
		padding-left: 0px;
		padding-right: 0px;
	}
	[class*='col-']:last-child {
	    padding-right: 0%;
	}
}*/