@media only screen and (min-width: 45em) { /* 720px / 16px = 45em */

/*	==|== case study styles ===================================================
	For Post Content that is 480px tall.
	======================================================================== */

/*
 * 240px / 16px = 15em
 * 480px / 16px = 30em
 * 720px / 16px = 45em
 * 960px / 16px = 60em
 * 1200px / 16px = 75em
 * 1440px / 16px = 90em
 * 1680px / 16px = 105em
 * 1920px / 16px = 120em
*/

	#casestudy-content article.casestudy-post {
		height: 30em;
	}
	#casestudy-content article {
		float: none;
		position: absolute !important;
	}

	/* Case Study 3 Column Orientation
	---------------------------------------------------------------------------- */
	#casestudy-content #about {
		top: 0;
		left: 0;
	}
	#casestudy-content #go-back {
		top: 15em;
		left: 0;
	}
	#casestudy-content #banner {
		top: 0;
		left: 15em;
	}
	#casestudy-content article.casestudy-post {
		top: 15em;
		left: 15em;
	}
	#casestudy-content article:nth-of-type(5) { /* square 01 */
		top: 30em;
		left: 0;
	}
	#casestudy-content article:nth-of-type(6) { /* square 02 */
		top: 45em;
		left: 0;
	}
	#casestudy-content article:nth-of-type(7) { /* square 03 */
		top: 45em;
		left: 15em;
	}
	#casestudy-content article:nth-of-type(8) { /* square 04 */
		top: 45em;
		left: 30em;
	}
	#casestudy-content article:nth-of-type(9) { /* square 05 */
		top: 60em;
		left: 0;
	}
	#casestudy-content article:nth-of-type(10) { /* square 06 */
		top: 60em;
		left: 15em;
	}
	#casestudy-content article:nth-of-type(11) { /* square 07 */
		top: 60em;
		left: 30em;
	}
	#casestudy-content article:nth-of-type(12) { /* square 08 */
		top: 75em;
		left: 0;
	}
	#casestudy-content article:nth-of-type(13) { /* square 09 */
		top: 75em;
		left: 15em;
	}
	#casestudy-content article:nth-of-type(14) { /* square 10 */
		top: 75em;
		left: 30em;
	}
	#casestudy-content article:nth-of-type(15) { /* square 11 */
		top: 90em;
		left: 0;
	}
	#casestudy-content article:nth-of-type(16) { /* square 12 */
		top: 90em;
		left: 15em;
	}
	#casestudy-content article:nth-of-type(17) { /* square 13 */
		top: 90em;
		left: 30em;
	}
	#casestudy-content article:nth-of-type(18) { /* square 14 */
		top: 105em;
		left: 0;
	}

}


@media only screen and (min-width: 60em) { /* 960px / 16px = 60em */

	/* Case Study 4 Column Orientation
	---------------------------------------------------------------------------- */
	#casestudy-content #go-back {
		top: 15em;
		left: 45em;
	}
	#casestudy-content #banner {
		top: 15em;
		left: 0;
	}
	#casestudy-content article.casestudy-post {
		top: 30em;
		left: 15em;
	}
	#casestudy-content article:nth-of-type(5) { /* square 01 */
		top: 0;
		left: 15em;
	}
	#casestudy-content article:nth-of-type(6) { /* square 02 */
		top: 0;
		left: 30em;
	}
	#casestudy-content article:nth-of-type(7) { /* square 03 */
		top: 0;
		left: 45em;
	}
	#casestudy-content article:nth-of-type(8) { /* square 04 */
		top: 30em;
		left: 0;
	}
	#casestudy-content article:nth-of-type(9) { /* square 05 */
		top: 30em;
		left: 45em;
	}
	#casestudy-content article:nth-of-type(10) { /* square 06 */
		top: 45em;
		left: 0;
	}
	#casestudy-content article:nth-of-type(11) { /* square 07 */
		top: 45em;
		left: 45em;
	}
	#casestudy-content article:nth-of-type(12) { /* square 08 */
		top: 60em;
		left: 0;
	}
	#casestudy-content article:nth-of-type(13) { /* square 09 */
		top: 60em;
		left: 15em;
	}
	#casestudy-content article:nth-of-type(14) { /* square 10 */
		top: 60em;
		left: 30em;
	}
	#casestudy-content article:nth-of-type(15) { /* square 11 */
		top: 60em;
		left: 45em;
	}
	#casestudy-content article:nth-of-type(16) { /* square 12 */
		top: 75em;
		left: 0;
	}
	#casestudy-content article:nth-of-type(17) { /* square 13 */
		top: 75em;
		left: 15em;
	}
	#casestudy-content article:nth-of-type(18) { /* square 14 */
		top: 75em;
		left: 30em;
	}

}


@media only screen and (min-width: 75em) { /* 1200px / 16px = 75em */

	/* Case Study 5 Column Orientation
	---------------------------------------------------------------------------- */
	#casestudy-content article:nth-of-type(8) { /* square 04 */
		top: 0;
		left: 60em;
	}
	#casestudy-content article:nth-of-type(9) { /* square 05 */
		top: 15em;
		left: 60em;
	}
	#casestudy-content article:nth-of-type(10) { /* square 06 */
		top: 30em;
		left: 0;
	}
	#casestudy-content article:nth-of-type(11) { /* square 07 */
		top: 30em;
		left: 45em;
	}
	#casestudy-content article:nth-of-type(12) { /* square 08 */
		top: 30em;
		left: 60em;
	}
	#casestudy-content article:nth-of-type(13) { /* square 09 */
		top: 45em;
		left: 0;
	}
	#casestudy-content article:nth-of-type(14) { /* square 10 */
		top: 45em;
		left: 45em;
	}
	#casestudy-content article:nth-of-type(15) { /* square 11 */
		top: 45em;
		left: 60em;
	}
	#casestudy-content article:nth-of-type(16) { /* square 12 */
		top: 60em;
		left: 0;
	}
	#casestudy-content article:nth-of-type(17) { /* square 13 */
		top: 60em;
		left: 15em;
	}
	#casestudy-content article:nth-of-type(18) { /* square 14 */
		top: 60em;
		left: 30em;
	}

}