/*Erica Talley 11/30/2023*/
.imgdisplay2{
	border-radius:20%;
	border:2px solid #ddd;
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.imgdisplay{
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.arial{
	font-family: Arial;
}
.calibri{
	font-family: "Calibri";
}
.timesNewRoan{
	font-family: "Times New Roman";
}
.navLink{
	display:inline-block;
	padding:1.2em;
	font-size:1.2em;
}
#display{
	font-size:.8em;
}
#image{
	display:block;
	margin-left:auto;
	margin-right:auto;
}
#endIMG{
	max-width:350px;
	display:block;
	margin-left:auto;
	margin-right:auto;
}
#navList{
	text-align:center;
	background-color:lightblue;
}
#wrapper{
	width:80%;
	margin:auto;
	padding:2em;
	border: .6em solid darkgray;
}
@media(max-width:500px){
	#wrapper{
		width:70%;
		max-width:20em;
		display:grid;
		grid-gap:.5em;
		grid-template-columns:6em;
	}
	#navList{
		padding:1em;
		text-align:left;
		font-size: 11px;
	}
	select{
		font-size: 10px;
	}
}
@media(max-width:1100px) and (min-width:500px){
	#wrapper{
		width:60%;
		max-width:1100px;
		display:block;
	}
	#navList{
		padding:1em;
	}
	.navLink{
	display:block;
}

/*CSS remaining requirements : flexible CSS for images*/