.blog {
	padding: 100px 0;
}

.blog-image {
	width: 100%;
	max-width: 1000px;
	height: 500px;
	object-fit: cover;
	margin: 0 auto 40px;
	border-radius: var(--border-radius-primary);
}

.blog-header {
	margin-bottom: 35px;
}

.blog-header .title {
	margin-bottom: 20px;
}

.blog-content:nth-child(2) {
	width: calc((100% - 90px) / 2);
}

.blog-content {
	margin-bottom: 35px;
}

.blog-content .subtitle {
	margin-bottom: 13px;
}

blockquote.quote {
	font-size: 1.2rem;
	font-style: italic;
	color: #7f8c8d;
	border-left: 4px solid var(--primary-color);
	padding-left: 14px;
	margin: 0;
	margin: 20px 0;
}

@media screen and (max-width: 768px) {
	.blog-content:nth-child(2) {
		width: 100%;
	}
}