.blog-box {
	max-width: 50vw;
	margin: auto;
	padding-top: 24px;
	padding-bottom: 24px;
	text-align: left;
}

.blog-content {
	padding: 2vh 0;
	font-family: "Poppins", sans-serif;
	font-size: 20px;
	line-height: 28px;
	letter-spacing: -0.003em;
}

.blog-header {
	padding: 2vh 0;
	font-family: "Montserrat", sans-serif;
	font-size: 42px;
	line-height: 48px;
	letter-spacing: -0.03em;
}

.blog-quote {
	padding: 1vh 5vw;
	font-style: italic;
}

.blog-img {
	height: 60vh;
	width: auto;
	padding: 4%;
}

.blog-img-small {
	height: 50vh;
	width: auto;
	padding: 4%;
}

@media screen and (max-width: 500px) {
	.blog-box {
		max-width: 90vw;
	}

	.blog-content {
		padding: 1.5vh 0;
		flex-direction: column;
		font-size: 18px;
		line-height: 24px;
	}

	.blog-header {
		padding: 1.5vh 0;
		font-size: 32px;
		line-height: 38px;
	}

	.blog-img,
	.blog-img-small {
		width: 85vw;
		height: auto;
	}
}