#CONTAINER section:not(.basic){
	/* position */
	display: none;
	position: relative;
		top: 0;
		left: 0;
		width: calc( 100% - 2*2em );
		min-height: calc( 100% - 2*2em );
		height: auto;
	padding: 2em;

	/* background */
	background-color: #ecf0f1;

	/* Z */
	z-index: 7;
}

#CONTAINER section.active:not(.basic){ display: block; }




#CONTAINER section.basic{
	/* position */
	display: none;
	position: relative;
		top: 0;
		left: 0;
		width: 100%;
		min-height: 100%;
		height: auto;

	/* flex (as container) */
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-around;
	
	/* background */
	background-color: #ecf0f1;

	/* Z */
	z-index: 7;
}

#CONTAINER section.active.basic{ display: flex; }