.general_card {
	background-size: contain;
	background-repeat: no-repeat;
	height: 180px;
	max-width: 297px;
	display: block;
	box-shadow: rgb(38, 57, 77) 0px 20px 30px -10px;
	cursor: pointer;
	transform: none;
	margin: auto;
}

.general_card > div > p{
	display: flex;
	width: 100%;
	height: auto;
	justify-content: center;
	background-color: #00488c;
	color: white;
	align-items: flex-end;
	box-shadow: none;
	transition: color 300ms ease;
	font-size: x-large;
}
.general_card > div {
	height: 100%;
	display: flex;
	align-items: flex-end;
	width: 100%;
	justify-content: center;
	
}

.general_card > div > p:hover{
	color: #FDB515;
	background-color: #00488c;
	cursor: pointer;
	text-decoration: underline #FDB515;
}

.general_card_parent {
	display: grid;
  grid-template-columns: repeat(3, 1fr);
  width: 100%;	

}

@media (max-width: 990px) {
	.general_card_parent {
		grid-template-columns: repeat(2, 1fr);
	}
	.list_grid {
		grid-template-columns: repeat(2, 1fr) !important;
	}
}



@media (max-width: 700px) {
	.general_card_parent {
		grid-template-columns: repeat(1,1fr);
	}
	.list_grid {
		grid-template-columns: repeat(1, 1fr) !important;
		margin:auto;
	}
}


#CRL {
	background-image: url("/sites/default/files/images/CRL_logo.png");
	transition: transform 1.1s ease;
	background-size: contain;
}
#CRL:hover {
	transform: scale(1.1);
}
#henry {
	background-image: url("/sites/default/files/images/henry_center.jpeg");

	transition: transform 1.1s ease;
}
#henry:hover{
	transform: scale(1.1);
}
#core_resources {
	background-image: url("/sites/default/files/images/core_resources.png");
	transition: transform 1.1s ease;
}
#core_resources:hover {
	transform: scale(1.1);
}
#general_resource_grid {
	grid-template-columns: repeat(3, 1fr);
	margin-top: 5%;
}
#approve_protocol {
	position: relative;
  top: 15%;
  max-height: 160px;
}
p.list > a  {
	box-shadow: none !important;
	text-decoration: none !important;
}

p.list:hover {
	color: #FDB515  !important;
	cursor: pointer;
	text-decoration: underline #FDB515 !important;
}


#Gnoto {
	background-image: url("/themes/olac/images/gnotobiotic_no_mark.png");
	margin-bottom: 15%;
	width: 100%;
	transition: transform 1.1s ease;
	background-size: contain;
}
#Gnoto:hover {
	transform: scale(1.1);
}
#Guinea {
	background-image: url("/themes/olac/images/guinea_pig_2_no_mark.png");	
	transition: transform 1.1s ease;
	margin-bottom: 15%;

	width: 100%;
}
#Guinea:hover {
	transform: scale(1.1);
}
#lamprey {
	background-image: url("/themes/olac/images/lamprey_no_mark.jpg");
  transition: transform 1.1s ease;
	width: 100%;
}
#lamprey:hover {
	transform: scale(1.1);
}
#sticklbacks {
	width: 100%;
	background-image: url("/themes/olac/images/sticklebacks_no_mark.jpg");
	transition: transform 1.1s ease;
}

#sticklbacks:hover {
	transform: scale(1.1);
}

#zebra {
	background-image: url("/themes/olac/images/zebraFishG.png");
	width: 100%;
	transition: transform 1.1s ease;
}
#zebra:hover {
	transform: scale(1.1);
}
#roden {
	background-image: url("/themes/olac/images/rodents_no_mark.png");
width: 100%;
transition: transform 1.1s ease;
	margin-bottom: 15%;

}
#roden:hover {
	transform: scale(1.1);
}



.lists {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 20px;
	margin: 10%;

	border: 2px solid #004AAE;
}
.lists > a {
		color: #004AAE;
		text-decoration: none !important;
		box-shadow: none !important;
		font-size: large;
}
.lists:hover {
	background-color: #004AAE;
	
}
.lists:hover > a {
	 color: white !important;
}

@keyframes opacity {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

.embedded {
	display: block;
	animation: opacity 1.1s ease;
}
.embedded_remove {
	display:none;
}
}