/* ----- Media Queries ----- */
.sm-2-12 {
	flex-basis: 16.66667%;
	max-width: 16.66667%;
}
.sm-3-12 {
	flex-basis: 25%;
	max-width: 25%;
}
.sm-4-12 {
	flex-basis: 33.33333%;
	max-width: 33.33333%;
}
.sm-5-12 {
	flex-basis: 41.66666%;
	max-width: 41.66666%;
}
.sm-6-12 {
	flex-basis: 50%;
	max-width: 50%;
}
.sm-7-12 {
	flex-basis: 58.33333%;
	max-width: 58.33333%;
}
.sm-8-12 {
	flex-basis: 66.66666%;
	max-width: 66.66666%;
}
.sm-9-12 {
	flex-basis: 75%;
	max-width: 75%;
}
.sm-10-12 {
	flex-basis: 83.33333%;
	max-width: 83.33333%;
}
.sm-11-12 {
	flex-basis: 91.91666%;
	max-width: 91.91666%;
}
.sm-12-12 {
	flex-basis: 100%;
	max-width: 100%;
}
@media only screen and (min-width: 48rem) {
	.md-2-12 {
		flex-basis: 16.66667%;
		max-width: 16.66667%;
	}
	.md-3-12 {
		flex-basis: 25%;
		max-width: 25%;
	}
    .md-4-12 {
		flex-basis: 33.33333%;
		max-width: 33.33333%;
	}
	.md-5-12 {
		flex-basis: 41.66666%;
		max-width: 41.66666%;
	}
    .md-6-12 {
		flex-basis: 50%;
		max-width: 50%;
	}
	.md-7-12 {
		flex-basis: 58.33333%;
		max-width: 58.33333%;
	}
    .md-8-12 {
		flex-basis: 66.66666%;
		max-width: 66.66666%;
	}
    .md-9-12 {
		flex-basis: 75%;
		max-width: 75%;
	}
	.md-10-12 {
		flex-basis: 83.33333%;
		max-width: 83.33333%;
	}
	.md-11-12 {
		flex-basis: 91.91666%;
		max-width: 91.91666%;
	}
    .md-12-12 {
		flex-basis: 100%;
		max-width: 100%;
	}
}
@media only screen and (min-width: 64rem) {
	.lg-2-12 {
		flex-basis: 16.66667%;
		max-width: 16.66667%;
	}
	.lg-3-12 {
		flex-basis: 25%;
		max-width: 25%;
	}
    .lg-4-12 {
		flex-basis: 33.33333%;
		max-width: 33.33333%;
	}
	.lg-5-12 {
		flex-basis: 41.66666%;
		max-width: 41.66666%;
	}
    .lg-6-12 {
		flex-basis: 50%;
		max-width: 50%;
	}
	.lg-7-12 {
		flex-basis: 58.33333%;
		max-width: 58.33333%;
	}
    .lg-8-12 {
		flex-basis: 66.66666%;
		max-width: 66.66666%;
	}
	.lg-9-12 {
		flex-basis: 75%;
		max-width: 75%;
	}
	.lg-10-12 {
		flex-basis: 83.33333%;
		max-width: 83.33333%;
	}
	.lg-11-12 {
		flex-basis: 91.91666%;
		max-width: 91.91666%;
	}
    .lg-12-12 {
		flex-basis: 100%;
		max-width: 100%;
	}
}