@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,700;0,800;1,300;1,700;1,800&display=swap');

#breadCrumb
{
	display:none !important;
}

#mobilebuttoncontainer{display:none;}
	
	#hero div.button{
		background-color: rgba(102, 51, 153, 1);		
		color: white;
		/*text-transform: uppercase;*/
		min-width: 18%;
		text-align:center;
		font-size: 1.4em;
		white-space:nowrap;
		padding: 0.1em 0;
		clear:both;
		float: right;
		/*border: 4px solid white*/
		/*text-shadow: 2px 2px black;*/
		/* font-family: 'Oswald', sans-serif; */
		margin: 0.5em 2em 0.5em 0;

	}	
	
	#hero div.button a{
		color:white !important;
		display:block;
		width:100%;
	}

	#hero div.button a:hover{
		
		color: #fc0 !important;
	}

	div#hero{
		
		text-align:right;			
		background: url("https://www.wiu.edu/cofac/bcj/images/2023/header1.jpg");
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
		min-height: 100px;
		max-height: 300px;
		/*max-height: 403px;*/
		height:100%;
		overflow: hidden;
		padding: 2.5em 0;
		
	}

	@media only screen and (max-width: 1550px) {
		#hero div.button{
			min-width: 22%;
		}

	}
	
	@media only screen and (max-width: 1240px) {
		#hero div.button{
			min-width: 25%;
		}

	}
	
	@media only screen and (max-width: 1120px) {
		#hero div.button{
			min-width: 28%;
		}

	}
	

	@media only screen and (max-width: 950px) {
		
		#hero{
			margin-top: 0.5em;
			
		}
		
		#hero div.button{
			display:none;
		}
		
		#mobilebuttoncontainer{
			display: block;	
		}
		
		#mobilebuttoncontainer div.button{
			background-color: rgba(102, 51, 153, 1);		
			color: white;
			
			text-align:center;
			font-size: 1.2em;
			white-space:nowrap;
			padding: 0em 0;
			clear:both;
			float: none;			
			margin: 0.25em 0 0.25em 0;
			width: 100%;
	
		}	
		
		#mobilebuttoncontainer div.button a{
			color:white !important;
			display:block;
			width:100%;
		}
	
		#mobilebuttoncontainer div.button a:hover{
			
			color: #fc0 !important;
		} 
		
	}
 
div#hero
{
	background:url("https://www.wiu.edu/cofac/bcj/images/2023/header1.jpg");
	height:407px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	position:relative;
	<!--border:1px solid #EA1CD7!important;-->
}
p#tagline
{
	position: absolute;
	bottom: 0;
	text-align:center;
	width:100%;
	font-size: clamp(1.2rem,2.5vw,2.5rem);
	color: white;
	text-shadow: 2px 2px 2px black;
	<!--border:1px solid #EA1CD7!important;-->
}
 

#content h3
{
	text-transform:uppercase;
	font-style:normal !importnat;
	color:#ffffff;
	background: #663399;
	
	font-weight: 700;
	font-size: clamp(1.5rem, 2.5vw, 3rem);
	
	/*background: #FC0; color:#552989; border:1px solid #EA1CD7!important; font-style:italic;
	*/
	text-align: center;
}

#content h5
{
	text-transform:uppercase;
	font-size: 1.5rem;
	color:#663399;
}
 

#container10 
{
	display: flex;
	flex-wrap: wrap;
	gap: 2rem;
	margin: 0.5rem 0;
	justify-content:space-between;
	<!--border:1px solid #663399!important;-->
}
#container10 div.feature 
{
	flex:30%;
	min-width: 350px;
	<!--border:1px solid #EA1CD7!important;-->
}

#container10 div.feature 
{
	display:flex;
	flex-direction:column;
	border: 1px solid #ccc;
	box-shadow: 5px 5px 5px #ccc;
	<!--border:1px solid #EA1CD7!important;-->
}


div.text
{
	padding:1rem;
	font-size: 1.2rem;
	color:#000000;
}
.half_panel .links a:hover
{
	background: #FC0;
	color: #639 !important;
}