@media only screen and (min-width: 768px) {
	.announcements-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

.announcements-grid {
	display: grid;
	gap: 2em;

}

.announcement_cover {
	position: relative;
	height: 250px;
	margin-bottom: 4px;
}

.announcement_cover_img {
	width: 100%;
	max-height: 250px;
	object-fit: cover;
	object-position: top;
}

.announcement_type {
	position: absolute;
	top: 0;
	right: 0;
	margin: 1em;
	z-index: 1000;
	font-size: 11px;
	background-color: #FFC50B;
	border-radius: 999px;
	padding: .3em 0.6em;
	color: white;
}