/* Medium and up 640px */
@media screen and (min-width: 40em) {
	.offset-small-12 {
		margin-left: 0%;
	}

	.offset-small-11 {
		margin-left: 0%;
	}

	.offset-small-10 {
		margin-left: 0%;
	}

	.offset-small-9 {
		margin-left: 0%;
	}

	.offset-small-8 {
		margin-left: 0%;
	}

	.offset-small-7 {
		margin-left: 0%;
	}

	.offset-small-6 {
		margin-left: 0%;
	}

	.offset-small-5 {
		margin-left: 0%;
	}

	.offset-small-4 {
		margin-left: 0%;
	}

	.offset-small-3 {
		margin-left: 0%;
	}

	.offset-small-2 {
		margin-left: 0%;
	}

	.offset-small-1 {
		margin-left: 0%;
	}
	
	.offset-medium-12 {
		margin-left: 100%;
	}

	.offset-medium-11 {
		margin-left: 91.6666666667%;
	}

	.offset-medium-10 {
		margin-left: 83.3333333333%;
	}

	.offset-medium-9 {
		margin-left: 75%;
	}

	.offset-medium-8 {
		margin-left: 66.6666666667%;
	}

	.offset-medium-7 {
		margin-left: 58.3333333333%;
	}

	.offset-medium-6 {
		margin-left: 50%;
	}

	.offset-medium-5 {
		margin-left: 41.6666666667%;
	}

	.offset-medium-4 {
		margin-left: 33.33333333%;
	}

	.offset-medium-3 {
		margin-left: 25%;
	}

	.offset-medium-2 {
		margin-left: 16.6666666667%;
	}

	.offset-medium-1 {
		margin-left: 8.3333333333%;
	}
	
	.medium-12 {
		flex: 0 0 100%;
		width: 100%;
	}

	.medium-11 {
		flex: 0 0 91.6666666667%;
		width: 91.6666666667%;
	}

	.medium-10 {
		flex: 0 0 83.3333333333%;
		width: 83.3333333333%;
	}

	.medium-9 {
		flex: 0 0 75%;
		width: 75%;
	}

	.medium-8 {
		flex: 0 0 66.6666666667%;
		width: 66.6666666667%;
	}

	.medium-7 {
		flex: 0 0 58.3333333333%;
		width: 58.3333333333%;
	}

	.medium-6 {
		flex: 0 0 50%;
		width: 50%;
	}

	.medium-5 {
		flex: 0 0 41.6666666667%;
		width: 41.6666666667%;
	}

	.medium-4 {
		flex: 0 0 33.33333333%;
		width: 33.33333333%;
	}

	.medium-3 {
		flex: 0 0 25%;
		width: 25%;
	}

	.medium-2 {
		flex: 0 0 16.6666666667%;
		width: 16.6666666667%;
	}

	.medium-1 {
		flex: 0 0 8.3333333333%;
		width: 8.3333333333%;
	}
}

/* Medium only 640px - 1023px */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
	
}

/* Large and up 1024px */
@media screen and (min-width: 64em) {
	.offset-medium-12 {
		margin-left: 0%;
	}

	.offset-medium-11 {
		margin-left: 0%;
	}

	.offset-medium-10 {
		margin-left: 0%;
	}

	.offset-medium-9 {
		margin-left: 0%;
	}

	.offset-medium-8 {
		margin-left: 0%;
	}

	.offset-medium-7 {
		margin-left: 0%;
	}

	.offset-medium-6 {
		margin-left: 0%;
	}

	.offset-medium-5 {
		margin-left: 0%;
	}

	.offset-medium-4 {
		margin-left: 0%;
	}

	.offset-medium-3 {
		margin-left: 0%;
	}

	.offset-medium-2 {
		margin-left: 0%;
	}

	.offset-medium-1 {
		margin-left: 0%;
	}
	
	.offset-large-12 {
		margin-left: 100%;
	}

	.offset-large-11 {
		margin-left: 91.6666666667%;
	}

	.offset-large-10 {
		margin-left: 83.3333333333%;
	}

	.offset-large-9 {
		margin-left: 75%;
	}

	.offset-large-8 {
		margin-left: 66.6666666667%;
	}

	.offset-large-7 {
		margin-left: 58.3333333333%;
	}

	.offset-large-6 {
		margin-left: 50%;
	}

	.offset-large-5 {
		margin-left: 41.6666666667%;
	}

	.offset-large-4 {
		margin-left: 33.33333333%;
	}

	.offset-large-3 {
		margin-left: 25%;
	}

	.offset-large-2 {
		margin-left: 16.6666666667%;
	}

	.offset-large-1 {
		margin-left: 8.3333333333%;
	}
	
	.large-12 {
		flex: 0 0 100%;
		width: 100%;
	}

	.large-11 {
		flex: 0 0 91.6666666667%;
		width: 91.6666666667%;
	}

	.large-10 {
		flex: 0 0 83.3333333333%;
		width: 83.3333333333%;
	}

	.large-9 {
		flex: 0 0 75%;
		width: 75%;
	}

	.large-8 {
		flex: 0 0 66.6666666667%;
		width: 66.6666666667%;
	}

	.large-7 {
		flex: 0 0 58.3333333333%;
		width: 58.3333333333%;
	}

	.large-6 {
		flex: 0 0 50%;
		width: 50%;
	}

	.large-5 {
		flex: 0 0 41.6666666667%;
		width: 41.6666666667%;
	}

	.large-4 {
		flex: 0 0 33.33333333%;
		width: 33.33333333%;
	}

	.large-3 {
		flex: 0 0 25%;
		width: 25%;
	}

	.large-2 {
		flex: 0 0 16.6666666667%;
		width: 16.6666666667%;
	}

	.large-1 {
		flex: 0 0 8.3333333333%;
		width: 8.3333333333%;
	}
}

/* Large only 1024px - 1199px */
@media screen and (min-width: 64em) and (max-width: 74.9375em) {
	
}

/* XLarge and up 1200px */
@media screen and (min-width: 75em) {
	.xlarge-12 {
		flex: 0 0 100%;
		width: 100%;
	}

	.xlarge-11 {
		flex: 0 0 91.6666666667%;
		width: 91.6666666667%;
	}

	.xlarge-10 {
		flex: 0 0 83.3333333333%;
		width: 83.3333333333%;
	}

	.xlarge-9 {
		flex: 0 0 75%;
		width: 75%;
	}

	.xlarge-8 {
		flex: 0 0 66.6666666667%;
		width: 66.6666666667%;
	}

	.xlarge-7 {
		flex: 0 0 58.3333333333%;
		width: 58.3333333333%;
	}

	.xlarge-6 {
		flex: 0 0 50%;
		width: 50%;
	}

	.xlarge-5 {
		flex: 0 0 41.6666666667%;
		width: 41.6666666667%;
	}

	.xlarge-4 {
		flex: 0 0 33.33333333%;
		width: 33.33333333%;
	}

	.xlarge-3 {
		flex: 0 0 25%;
		width: 25%;
	}

	.xlarge-2 {
		flex: 0 0 16.6666666667%;
		width: 16.6666666667%;
	}

	.xlarge-1 {
		flex: 0 0 8.3333333333%;
		width: 8.3333333333%;
	}
}

/* XLarge only 1200px - 1439px */
@media screen and (min-width: 75em) and (max-width: 89.9375em) {
	
}

/* XXLarge and up 1440px */
@media screen and (min-width: 90em) {
	.container {
		max-width: 1400px;
		padding: 0 2.5rem;
	}
	
	.container-2 {
		max-width: 79.5rem;
	}
	
	.xxlarge-12 {
		flex: 0 0 100%;
		width: 100%;
	}

	.xxlarge-11 {
		flex: 0 0 91.6666666667%;
		width: 91.6666666667%;
	}

	.xxlarge-10 {
		flex: 0 0 83.3333333333%;
		width: 83.3333333333%;
	}

	.xxlarge-9 {
		flex: 0 0 75%;
		width: 75%;
	}

	.xxlarge-8 {
		flex: 0 0 66.6666666667%;
		width: 66.6666666667%;
	}

	.xxlarge-7 {
		flex: 0 0 58.3333333333%;
		width: 58.3333333333%;
	}

	.xxlarge-6 {
		flex: 0 0 50%;
		width: 50%;
	}

	.xxlarge-5 {
		flex: 0 0 41.6666666667%;
		width: 41.6666666667%;
	}

	.xxlarge-4 {
		flex: 0 0 33.33333333%;
		width: 33.33333333%;
	}

	.xxlarge-3 {
		flex: 0 0 25%;
		width: 25%;
	}

	.xxlarge-2 {
		flex: 0 0 16.6666666667%;
		width: 16.6666666667%;
	}

	.xxlarge-1 {
		flex: 0 0 8.3333333333%;
		width: 8.3333333333%;
	}
}

/*
 * Responsive
 */
@media screen and (max-width: 1500px) {
	
}

@media screen and (max-width: 1024px) {

}

@media screen and (max-width: 768px) {

}