@charset "utf-8";
/* CSS Document */
div#home-news {
	background-color: #222222;
}
div#home-news div {
	height:calc(50vh - 75px);
	width:100%;
	background-size: cover;
}
div#home-news div h1 {
	color:#fff;
	font-size: 48pt;
}
div#home-news div h2 {
	color:#D3B99F;
	font-size: 26pt;
}
div#home-news div a:hover {
	text-decoration: none;
}
div#home-news div p {
	color:#fff;
	margin:10px 45px 10px 45px;
	font-size: 18pt;
	max-width: calc(50vw - 245px);
}
div#news-title {
	padding:25px 45px 20px 45px;
	background-image: linear-gradient(to top, rgba(34,34,34,0), rgba(34,34,34,1));
}
#home-cards {
	margin-top:-30px;
}
#home-cards div {
	height:350px;
	background-repeat: no-repeat;
	background-size: cover;
}
#home-cards a {
	text-decoration: none;
}
#home-cards div h3 {
	margin:0px;
	padding:10px;
	color:#fff;
	font-size:20pt;
}
#hm-aiv { 
	background-image: url("/img/hm/aiv.jpg");
}
#hm-aiv h3, #hm-wnv h3 {
	background-color:#2B919D;
}
#hm-repsub {
	background-image: url("/img/hm/repsub.jpg");
}
#hm-repsub h3, #hm-rabies h3 {
	background-color:#4D4D4F;
}
#hm-sars-cov-2 {
	background-image: url("/img/hm/sars-cov-2.jpg");
}
#hm-sars-cov-2 h3 {
	background-color:#609540;
}
#hm-finfish {
	background-image: url("/img/hm/finfish.jpg");
}
#hm-finfish h3 {
	background-color:#609540;
	font-size:90% !important;
}
#hm-pigs {
	background-image: url("/img/hm/pigs.jpg?v=2");
}
#hm-pigs h3, #hm-cwd h3 {
	background-color:#9B4E26;
}
#hm-plastic {
	background-image: url("/img/hm/plastic.jpg");
}
#hm-plastic h3 {
	background-color:#F47925;
}
#hm-trich {
	background-image: url("/img/hm/trich.jpg");
	background-position: top 20px left 0px;
}
#hm-trich h3 {
	background-color:#EFE6C7;
	color:#9B4E26 !important;
}
#hm-bat {
	background-image: url("/img/hm/bats.jpg");
}
#hm-bat h3 {
	background-color:#747577;
}
#hm-wnv {
	background-image: url("/img/hm/wnv.jpg");
}
#hm-cwd {
	background-image: url("/img/hm/cwd.jpg");
	background-position: top 20px left 0px;
}
#hm-rabies {
	background-image: url("/img/hm/rabies.jpg");
}
#hm-filler1 {
	background-image: url("/img/hm/filler-1.jpg");
}
#hm-filler2 {
	background-image: url("/img/hm/filler-2.jpg");
}
/* Mobile stuff */

@media only screen and (max-width: 768px) {

	div#home-news div h2 {
		max-width: 100%;
		font-size: 16pt;
	}
	#home-cards {
		margin-top:0px;
	}
	
}