main #blog {
	padding: calc(1.5 * var(--layout-spacing)) 0;
}

main #blog .content-box {
	display: grid;
	grid-template-columns: 2fr 1fr;
	gap: var(--layout-spacing);
	align-items: center;
}

main #blog .description p {
	margin-bottom: calc(var(--layout-spacing) / 2);
}

main #blog .photos {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: calc(var(--layout-spacing) / 4);
}

main #blog .photos img {
	width: 100%;
	border-radius: 6px;
	box-shadow: 5px 10px 15px var(--color-shadow);
}

@media screen and (max-width: 975px) {
	main #blog .content-box {
		grid-template-columns: 1fr;
	}

	main #blog .photos {
		gap: calc(var(--layout-spacing) / 2);
	}
}