/* HERO STYLES */
.hero					{ background-image: url('../images/blog/hero_bg.jpg'); }

/* MAIN CONTENT STYLES */
.posts h2				{ padding-bottom: 0.5em; margin-bottom: .5em; }
.post h2				{ font-size: 4.1em; margin-bottom: .3em }
.date					{ color: #ccc; margin-bottom: .5em; }
.post					{ margin-bottom: 2.5em; }

	


/* ///////////////////////////////////////////////////////////// */
/* ///////////////////// MEDIA QUERIES ///////////////////////// */

/* TABLETS (IN PORTRAIT) /////////////////////////////////////// */
@media screen and (min-width: 569px) and (max-width: 959px) {
	.post				{ margin-bottom: 2.75em; }
	.titles				{ padding-bottom: 1em; }
	.comment			{ padding: 1em 0 1.5em; }
}

/* TABLETS (IN PORTRAIT) < 800PX /////////////////////////////// */
@media screen and (min-width: 569px) and (max-width: 800px) {
	.post				{ margin-bottom: 2.5em; }
}

/* TABLETS (IN PORTRAIT) < 700PX /////////////////////////////// */
@media screen and (min-width: 569px) and (max-width: 700px) {
	.post				{ margin-bottom: 2.25em; }
}

/* TABLETS (IN PORTRAIT) < 600PX /////////////////////////////// */
@media screen and (min-width: 569px) and (max-width: 600px) {
	.post				{ margin-bottom: 2em; }
}

/* MOBILE PHONES & TABLETS (SHARED STYLES) ///////////////////// */
@media screen and (max-width: 959px) {
	.post				{ margin-bottom: 1.5em; }
}

/* MOBILE PHONES <568px //////////////////////////////////////// */
@media screen and (max-width: 568px) {
}

/* MOBILE PHONES <480px //////////////////////////////////////// */
@media screen and (max-width: 480px) {
}

/* MOBILE PHONES <350px //////////////////////////////////////// */
@media screen and (max-width: 350px) {
}