#career-menus{
	display:flex;
	flex-wrap: wrap;
	width:100%;
	justify-content:center;
	flex-direction:row;
	gap:2.25em 1.5em;
}

#employer-menu{
	background-image:url('/images/current_students/career-resources/employers.jpg');
}
#student-menu{
	background-image:url('/images/current_students/career-resources/students.jpg');
}

#events-menu{
	background-image:url('/images/current_students/career-resources/events.jpg');
}

#faculty-menu{
	background-image:url('/images/current_students/career-resources/faculty.jpg');
}


.cmenu{
	min-width:350px;
	width:40%;
	height:300px;
	background: #84BD00;
	border: thin solid #97999B;
	box-shadow: 10px 5px 5px #97999B;
	position:relative;
	font-weight:normal;
}

#career-menus .cmenu h3{
	font-weight:300;
	font-size:2em;
	display:block;
	width:100%;
	background:#0054A4;
	color:#FFF;
	margin:0px;
	padding:10px;
}

.cs-description{
	position:absolute;
	bottom:0;
	height:35%;
	width:100%;
	background:#00AEEF;
	color:#000;
	border-top:thick solid #84BD00;
	overflow:hidden;
	font-size:1.1em;
}
@media (hover: hover){
	.cs-description{
		height:5px;
		font-size:1.3em;
	}
	.cmenu:hover{
		& .cs-description{height: 50%; transition: height .5s;}
	}
	
}

h2#career-headline{
	font-size:3em;
	font-weight:300;
	color: #0054a4;
	display:block;
	width:100%;
	border-bottom: thin solid #84BD00;
}