#BlogIndexTitle, #BlogArticleTitle { margin-top: 150px; font-size: 60px; }
#BlogIndexTitleImage, #BlogArticleTitleImage { height: 56px; margin-bottom: 14px; }
.BlogIndexContainer { margin-top: 80px; background-color: white; }
.BlogArticleContainer { margin-top: 80px; background-color: white; padding: 20px; }
#BlogArticlePostTitle { margin-bottom: 10px; font-size: 40px; }
#BlogArticlePostByLine { font-size: 12px; margin-bottom: 40px; }
#BlogArticlePostImage { margin-right: 0px; margin-top: 0px; margin-bottom: 40px; }
.BlogArticleImage { margin-bottom: 10px; }

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 575.98px) {
	#BlogIndexTitle, #BlogArticleTitle { margin-top: 90px; font-size: 30px; }
	#BlogIndexTitleImage, #BlogArticleTitleImage { height: 28px; margin-bottom: 7px; }
	.BlogIndexContainer, .BlogArticleContainer { margin-top: 40px; }
	#BlogArticlePostTitle { font-size: 22px; }
	#BlogArticlePostByLine { margin-bottom: 16px; }
	#BlogArticlePostImage { margin-bottom: 16px; }
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and ((min-width: 576px) and (max-width: 767.98px)) {
	#BlogIndexTitle, #BlogArticleTitle { margin-top: 100px; font-size: 40px; }
	#BlogIndexTitleImage, #BlogArticleTitleImage { height: 36px; margin-bottom: 10px; }
	.BlogIndexContainer, .BlogArticleContainer { margin-top: 50px; }
	#BlogArticlePostTitle { font-size: 26px; }
	#BlogArticlePostByLine { margin-bottom: 22px; }
	#BlogArticlePostImage { margin-bottom: 22px; }
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and ((min-width: 768px) and (max-width: 991.98px)) {
	#BlogIndexTitle, #BlogArticleTitle { margin-top: 120px; font-size: 45px; }
	#BlogIndexTitleImage, #BlogArticleTitleImage { height: 40px; margin-bottom: 12px; }
	.BlogIndexContainer, .BlogArticleContainer { margin-top: 60px; }
	#BlogArticlePostTitle { font-size: 30px; }
	#BlogArticlePostByLine { margin-bottom: 28px; }
	#BlogArticlePostImage { margin-bottom: 28px; }
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and ((min-width: 992px) and (max-width: 1199.98px)) {
	#BlogIndexTitle, #BlogArticleTitle { margin-top: 130px; font-size: 52px; }
	#BlogIndexTitleImage, #BlogArticleTitleImage { height: 46px; margin-bottom: 14px; }
	.BlogIndexContainer, .BlogArticleContainer { margin-top: 70px; }
	#BlogArticlePostTitle { font-size: 34px; }
	#BlogArticlePostByLine { margin-bottom: 34px; }
	#BlogArticlePostImage { margin-bottom: 34px; }
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media (min-width: 1200px) {
}