/*
	Flexbox grid
*/

.col-align-bottom {
	margin-top: auto;
}

.flex-container {
	display: flex;
	justify-content: space-between;
}

/* Extra large (large desktops) */
@media (min-width: 1170px) {

	.flex-container {
		max-width: 1170px;
	}

	/* 70px columns with 30px gutters */

	.col-1 { width: 5.98290598290598%; } /* (((70 * 1) + (30 * 0)) / 1170) * 100 */

	.col-2 { width: 14.5299145299145%; }

	.col-3 { width: 23.0769230769231%; }

	.col-4 { width: 31.6239316239316%; }

	.col-5 { width: 40.1709401709402%; }

	.col-6 { width: 48.7179487179487%; }

	.col-7 { width: 57.2649572649573%; }

	.col-8 { width: 65.8119658119658%; }

	.col-9 { width: 74.3589743589744%; }

	.col-10 { width: 82.9059829059829%; }

	.col-11 { width: 91.4529914529915%; }

	.col-12 { width: 100%; }
}

/* Large (desktops) */
@media (min-width: 975px) and (max-width: 1169px) {

	/* 62px columns with 21px gutters */

	.col-1 { width: 6.35897435897436%; }

	.col-2 { width: 14.8717948717949%; }

	.col-3 { width: 23.3846153846154%; }

	.col-4 { width: 31.8974358974359%; }

	.col-5 { width: 40.4102564102564%; }

	.col-6 { width: 48.9230769230769%; }

	.col-7 { width: 57.4358974358974%; }

	.col-8 { width: 65.948717948718%; }

	.col-9 { width: 74.4615384615385%; }

	.col-10 { width: 82.974358974359%; }

	.col-11 { width: 91.4871794871795%; }

	.col-12 { width: 100%; }
}

/* Medium (tablets) */
@media (min-width: 762px) and (max-width: 974px) {

	/* 47px columns with 18px gutters */

	.col-1 { width: 6.16797900262467%; }

	.col-2 { width: 14.6981627296588%; }

	.col-3 { width: 23.2283464566929%; }

	.col-4 { width: 31.758530183727%; }

	.col-5 { width: 40.2887139107612%; }

	.col-6 { width: 48.8188976377953%; }

	.col-7 { width: 57.3490813648294%; }

	.col-8 { width: 65.8792650918635%; }

	.col-9 { width: 74.4094488188976%; }

	.col-10 { width: 82.9396325459318%; }

	.col-11 { width: 91.4698162729659%; }

	.col-12 { width: 100%; }
}


/* Small (phones) */
@media (max-width: 761px) {

	.flex-container {
		flex-flow: column wrap;
	}
}