body {
	font-size: 1rem;
}



.l-2-c {
	order:1;
	border:1px  solid gray;
	background: #c9e4ff;
	margin: 1;
	padding: 3;
	border:1px solid gray;
	display: inline-flex;
	flex-wrap:nowrap;
	text-align: center;
	flex-direction: column;
	font-size: 20px;

}



.l-2-g {
	order:1;
	margin: 0;
	padding: 0;
	display:flex;
	flex-wrap:wrap;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	text-align: center;

}



.l-3-c {
	border:1px solid gray;
	background: white;
	margin:1;
	padding:1;
	display:flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	height:50px;
	width:100px;
	font-size: 15px;
}


.l-3-c1 {
	order:1;
}

.l-3-c2 {
	order:2;

}.l-3-c3 {
	order:3;
}

.c-green {
	background: green;
}

.c-red {
	background: red;
}

.c-yellow {
	background: yellow;
}

.c-white {
	background: white;
}