.blogs-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, 300px);
	justify-content: space-evenly;
	width: 1000px;
	max-width: 90%;
}
.blogs-grid > a {
	border: solid 3px var(--SHADOW_COLOUR);
	border-radius: 5px;
	width: 100%;
	margin-bottom: 15px;
}
.blogs-grid > a img {
	border-radius: 5px 5px 0px 0px;
	aspect-ratio: 15/9;
	width: 100%;
}
.blogs-grid > a h2 {
	text-align: left;
	font-weight: bold;
	font-size: 1.3rem;
	margin-top: 5px;
}
.blogs-grid > a p {
	text-align: left;
	font-size: 1rem;

	display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.blogs-grid > a h2,
.blogs-grid > a p {
	margin-left: 10px;
	margin-right: 10px;
}



.image-header-wrapper {
	height: 40vh;
}
.media-overlay > div {
	width: 800px;
	text-align: center;
}

main > ul {
	list-style-type: none;
	text-align: left;
	margin-top: 0;
	padding-inline-start: 0;
}
ul > li::before {
	content: "- ";
}
li {
	padding-inline-start: 10%;
}

main > img {
	width: auto;
	max-width: 75%;
	object-fit: scale-down;
}