/* Flex Container */
.flexcontainer {
	max-width: auto;
	margin: 0 auto;
	display: flex;
}




/* Flex Item */
.item {
	margin: 5px;
	/* text-align: center; */
}





/* Flex direction */
.fd-column {
	flex-direction: column;
}



/* justify-content */
.jc-flex-start {
	justify-content: flex-start;
}
.jc-flex-end {
	justify-content: flex-end;
}
.jc-center {
	justify-content: center;
}




/* Align items */
.ai-flex-start {
	align-items: flex-start; /* align-items: flex-start; // column */
}
.ai-flex-end {
	align-items: flex-end;
}






.items-center {
	align-items: center;
}
.space-between {
	justify-content: space-between;
}


.wrap {
	flex-wrap: wrap;
}



/*

 .flex {
	display: flex;
}
.flex-wrap {
	flex-wrap: wrap;
}

.flex-item-1 {
	flex: 1;
}





.column {
	flex-direction: column;
}



.flex-start {
	align-items: flex-start;
}

.flex-end {
	align-items: flex-end;
}
 */



/* .container {
	max-width: 400px;
	margin: 0 auto;
	border: 1px solid #ccc;
} */