.flexc1{
	border: 0px solid black;
	display:flex;
	margin: 1px;
	width: 100%;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-around;  
	align-items: flex-start;
	align-content: center;  
}

.flexc1 > div{
	padding: 2px;
	
}
.e1, .e1v{background-color: #F3E241;}
.e2, .e2v{background-color: #29C;}
.e3, .e3v{background-color: #f6310a;}
.e4, .e4v{background-color: #5F6;}
.e5, .e5v{background-color: #e47d26;}
.e6, .e6v{background-color: #e44d96;}

.e1, .e2, .e3, .e4, .e5, .e6{
	padding: 0px;
	width: 90%;
	max-width: 300px; 
	align-self: stretch;
}
.e1v, .e2v, .e3v, .e4v, .e5v, .e6v{
	padding: 0px;
	width: 90%;
	max-width: 200px; 
}
.e1, .e2, .e3, .e4, .e1v, .e2v, .e3v, .e4v{
	text-align:center;
}
.e5{
	text-align: left;
}
.e6{
	text-align: right;
}

.flexc1 .e1 a p {
	margin: auto;
}
.flexc1 .e1{order: -5;}
.flexc1 .e2{order: -4;}
.flexc1 .e3{order: 3;}
.flexc1 .e4{order: 6;}
.flexc1 .e5{order: 9;}
.flexc1 .e6{order: 12;}
.e1 img{
	width: 100%;
	max-width: 300px;
}
.e2 img{
	width: 100%;
	max-width: 300px;
}
.e3 img{
	width: 100%;
	max-width: 300px;
}
.e4 img{
	width: 100%;
	max-width: 300px;
}

.e1v img{
	width: 100%;
	max-width: 300px;
}
.e2v img{
	width: 100%;
	max-width: 300px;
}
.e3v img{
	width: 100%;
	max-width: 300px;
}
.e4v img{
	width: 100%;
	max-width: 300px;
}