.container {
	margin: 0 auto;
}

.row {
	width: 100%;
	*zoom: 1;
}

.row:before,
.row:after {
	display: table;
	line-height: 0;
	content: "";
}

.row:after {
	clear: both;
}

.row [class*="col"] {
	display: block;
	float: left;
	width: 100%;
	min-height: 30px;
	margin-left: 2.127659574468085%;
	*margin-left: 2.074468085106383%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.row [class*="col"]:first-child {
	margin-left: 0;
}

.row [class*="col"] {
	margin-left: 2.127659574468085%;
}

.row .col12 {
	width: 100%;
}
.row .col11 {
	width: 91.48936170212765%;
}
.row .col10 {
	width: 82.97872340425532%;
}
.row .col9 {
	width: 74.46808510638297%;
}
.row .col8 {
	width: 65.95744680851064%;
}
.row .col7 {
	width: 57.44680851063829%;
}
.row .col6 {
	width: 48.93617021276595%;
}
.row .col5 {
	width: 40.42553191489362%;
}
.row .col4 {
	width: 31.914893617021278%;
}
.row .col3 {
	width: 23.404255319148934%;
}
.row .col2 {
	width: 14.893617021276595%;
}
.row .col1 {
	width: 6.382978723404255%;
}

.flex {
	display: flex; /* add to container */
}

/* Horizontal */
.flex-center {
	justify-content: center;
}
.flex-start {
	justify-content: flex-start;
}
.flex-end {
	justify-content: flex-end;
}
.flex-space {
	justify-content: space-between;
	justify-content: space-around; /* remove either */
}

/* Vertical align */
.align-center {
	align-items: center;
}
.align-start {
	align-items: flex-start;
}
.align-end {
	align-items: flex-end; /* Can also use Baseline and Stretch */
} 

/* Flex direction - columns or rows (and reverse) and Wrapping */
.flex-row {
	flex-direction: row;
}
.flex-row-reverse {
	flex-direction: row-reverse;
}
.flex-column {
	flex-direction: column;
}
.flex-column-reverse {
	flex-direction: column-reverse;
}
.reverse-wrap {
	flex-wrap: wrap-reverse; /* no wrap and wrap */
}

/* Single element alignment */
.align-self {
	align-self: flex-end;
}



@media (min-width: 1120px) /* Largest break-point */ {

}
@media (max-width: 900px) /* Mid size break-point */ {
	
}
@media (max-width: 768px) /* Small break-point */ {
	.row [class*="col"] {
		float: none;
		margin-left: 0;
		width: 100%;
		margin-top: 10px;
	}
}
@media (max-width: 500px) /* Mobile break-point */ {

}