.flex-container{
	position: relative;
	
	display: inline-block;
	display: -ms-flexbox;
    display: -webkit-flex;
	display: flex;
	
	flex-direction: row;
	flex-wrap: wrap;
	
	/* -ms-flex-pack:justify;
	justify-content: space-between;  */
	
	-ms-flex-align:stretch;
	align-items: stretch;
	
	-ms-flex-line-pack:start;
	align-content:flex-start;
}
.flex-container:before,
.flex-container:after{
	display: table;
	content: '';
	clear: both;
}
.flex-container.editmode{
	display: block;
	border: 1px dashed #2f77cb;
}


.flex-container > .flex-col{
	float: left;
	position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 10px;
}

.flex-container.flex-col-xs-12 > .flex-col{
	width: 100%;
}
.flex-container.flex-col-xs-6 > .flex-col{
	width: 50%;
}
.flex-container.flex-col-xs-4 > .flex-col{
	width: 33.333%;
}
.flex-container.flex-col-xs-3 > .flex-col{
	width: 25%;
}

@media (min-width: 544px){
	.flex-container.flex-col-sm-12 > .flex-col{
		width: 100%;
	}
	.flex-container.flex-col-sm-6 > .flex-col{
		width: 50%;
	}
	.flex-container.flex-col-sm-4 > .flex-col{
		width: 33.333%;
	}
	.flex-container.flex-col-sm-3 > .flex-col{
		width: 25%;
	}
}
@media (min-width: 768px){
	.flex-container.flex-col-md-12 > .flex-col{
		width: 100%;
	}
	.flex-container.flex-col-md-6 > .flex-col{
		width: 50%;
	}
	.flex-container.flex-col-md-4 > .flex-col{
		width: 33.333%;
	}
	.flex-container.flex-col-md-3 > .flex-col{
		width: 25%;
	}
}
@media (min-width: 992px){
	.flex-container.flex-col-lg-12 > .flex-col{
		width: 100%;
	}
	.flex-container.flex-col-lg-6 > .flex-col{
		width: 50%;
	}
	.flex-container.flex-col-lg-4 > .flex-col{
		width: 33.333%;
	}
	.flex-container.flex-col-lg-3 > .flex-col{
		width: 25%;
	}
}
@media (min-width: 1200px){
	.flex-container.flex-col-xl-12 > .flex-col{
		width: 100%;
	}
	.flex-container.flex-col-xl-6 > .flex-col{
		width: 50%;
	}
	.flex-container.flex-col-xl-4 > .flex-col{
		width: 33.333%;
	}
	.flex-container.flex-col-xl-3 > .flex-col{
		width: 25%;
	}
}