:root {
	/*--modListHeight: 24rem;*/
	/*--imgCntrBttm: 12rem;*/
}

#a {
	max-width: 80em;
	margin-left: auto;
	margin-right: auto;
}

#b {
	text-align: center;
	display: flex flow-root;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
}

#c {
	float: left;
	shape-outside: circle();
	height: 9em;
	width: 9em;
}

#d {
	order: 5;
	float: right;
	shape-outside: circle();
	height: 9em;
	width: 9em;
}

#e {
	display: flex flow-root;
	flex-direction: row;
	/*flex-direction: row-reverse;*/
	justify-content: center;
	align-items: center;
	/*max-height:100%;*/
	/*margin-left: auto;*/
	/*margin-right: auto;*/
	overflow: auto;
}

#f {
	flex-basis: 50%;
/*	background-color: rgba(64, 128, 64, 0.7);
	border: 1px solid #640000;*/
}

#f > ul {
	/*Custom Bullets for Neets module list*/
	list-style-image: url( '../images/svg/NAVEDTRASeal2Bullet.svg' );
	columns: initial;
}

#g {
	order: 1;
	flex-basis: 50%;
/*	background-color: rgba(64, 64, 128, 0.7);
	border: 1px solid #640000;*/
}

#g-a {
	float: right;
	width: 20rem;
/*	border: 1px solid #9999ff;
	background-color: rgba(128, 64, 64, 0.7);*/
}

#PIER{
	stroke:#dddddd;
	fill:#dddddd;	
}

#h {
	text-align: left;
	margin-left: auto;
	margin-right: auto;
}

/*This section deals with screen sizes less than 600 pixels*/
@media (max-width: 600px) {

	#c {
		height: 6em;
		width: 6em;
	}

	#d {
		height: 6em;
		width: 6em;
	}

	#e {
		display: flex;
		flex-wrap: wrap;
		align-content: center;
		justify-content: center;
	}

	#f {
		flex: 0 1 60em;
	}

	#f span {
		display: none;
	}

	#f > ul {
		column-count: 2;
		column-width: 11em;
		column-gap: 2em;
	}

	#g {
		flex: 0 1 36em;
		order: 1;
	}

	#g-a {
		float: none;
		height: 20rem;
		shape-outside: none;
	}
}