.grid {
	display: -webkit-flex;
	display: flex;
	margin-left: -20px;
}
.grid.wrap {
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
.grid > .unit, .grid > .units {
}
.grid > div > div.inner {
	box-sizing: border-box;
	margin-left: 20px;
}
.grid.ten > .one {
	width: 10%;
}
.grid.ten > .two {
	width: 20%;
}
.grid.ten > .three {
	width: 30%;
}
.grid.twelve > .two {
	width:  16.66%;
}
.grid.twelve > .three {
	width:  25%;
}
.grid.twelve > .four {
	width: 33.33%;
}
.grid.twelve > .five {
	width: 41.66%;
}
.grid.twelve > .six {
	width: 50%;
}
.grid.twelve > .seven {
	width: 58.33%;
}
.grid.twelve > .eight {
	width: 66.66%;
}
.grid.twelve > .nine {
	width: 75%;
}
.grid.twelve > .ten {
	width: 83.33%;
}
div.fit-image img {
	width: 100%;
	height: auto;
}
img.fit-grid {
	max-width: 100%;
	height: auto;
}
a.has-image {
	width: 100%;
	display: block;
}
@media (max-width: 959px) and (min-width: 512px) {
	.grid.twelve .four-in-semi-wide {
		width: 33.33%;
	}	
	.grid.twelve .eight-in-semi-wide {
		width: 66.66%;
	}
}
@media(max-width: 639px) {
	.grid {
		margin-left: -10px;
	}
	.grid > div > div.inner {
		margin-left: 10px;
	}
	.grid > div > div.inner.light {
		margin-left: 0;
	}	
}
@media(max-width: 511px) {
	.grid.wrap-in-medium {
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.grid.twelve .six-in-medium {
		width: 50%;
	}
	.grid.twelve .twelve-in-medium {
		width: 100%;
	}	
	.last-in-medium {
		order: 16;
	}
}
@media(max-width: 383px) {
	.grid.wrap-in-mobile {
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	}	
	.grid.twelve .twelve-in-mobile {
		width: 100%;
	}
}