gistfile1.css

body {
	font-size: 76%;
	}

#body-container {
	width: 96%;
}
#body-container .gutter {
	margin: 0 2%;
}

/* =============================================================================
   grid.css
   ========================================================================== */

@media only screen and (min-width: 750px) {

	ul.menu li.item-435 a:before{
		content: "min-width: 750px ";
	}

	#body-container,
	#header-above {
		margin: 0 auto;
		padding: 0;
	}

	#load-first,
	#footer-above {
		float: left;
	}

	#footer-above {
		width: 100%;
	}

	.main-only #content-main {
		float: left;
		width: 100%;
	}

	.main-only #load-first {
		width: 100%;
	}

	.alpha-1-main #load-first {
		width: 100%;
	}

	.alpha-1-main #content-main {
		float: right;
		width: 81%;
	}

	.alpha-1-main #column-group-alpha {
		float: left;
		width: 17%;
	}

	.alpha-2-main #load-first {
		width: 100%;
	}

	.alpha-2-main #content-main {
		float: right;
		width: 62%;
	}

	.alpha-2-main #column-group-alpha {
		float: left;
		width: 36%;
	}

	.main-beta-1 #content-main {
		float: left;
		width: 100%;
	}

	.main-beta-1 #load-first {
		width: 81%;
	}

	.main-beta-1 #column-group-beta {
		float: right;
		width: 17%;
	}

	.main-beta-2 #content-main {
		float: left;
		width: 100%;
	}

	.main-beta-2 #load-first {
		width: 62%;
	}

	.main-beta-2 #column-group-beta {
		float: right;
		width: 36%;
	}

	.alpha-1-main-beta-1 #load-first {
		width: 81%;
	}

	.alpha-1-main-beta-1 #content-main {
		float: right;
		width: 74.2%;
	}

	.alpha-1-main-beta-1 #column-group-alpha {
		float: left;
		width: 23.8%;
	}

	.alpha-1-main-beta-1 #column-group-beta {
		float: right;
		width: 17%;
	}

	.alpha-2-main-beta-1 #load-first {
		width: 81%;
	}

	.alpha-2-main-beta-1 #content-main {
		float: right;
		width: 62%;
	}

	.alpha-2-main-beta-1 #column-group-alpha {
		float: left;
		width: 36%;
	}

	.alpha-2-main-beta-1 #column-group-beta {
		float: right;
		width: 17%;
	}

	.alpha-1-main-beta-2 #load-first {
		width: 62%;
	}

	.alpha-1-main-beta-2 #content-main {
		float: right;
		width: 65.5%;
	}

	.alpha-1-main-beta-2 #column-group-alpha {
		float: left;
		width: 32.5%;
	}

	.alpha-1-main-beta-2 #column-group-beta {
		float: right;
		width: 36%;
	}

	.alpha-2-main-beta-2 #load-first {
		width: 62%;
	}

	.alpha-2-main-beta-2 #content-main {
		float: right;
		width: 38%;
	}

	.alpha-2-main-beta-2 #column-group-alpha {
		float: left;
		width: 60%;
	}

	.alpha-2-main-beta-2 #column-group-beta {
		float: right;
		width: 36%;
	}

	/* =============================================================================
	   spacing rules
	   ========================================================================== */

	.gutter {
		margin: 0;
	}

	#column-group-alpha .gutter {
		margin: 0 2% 0 0;
	}

	#column-group-beta .gutter {
		margin: 0 0 0 2%;
	}

	/* =============================================================================
	   dynamic module widths
	   ========================================================================== */

	.count-1 {
		float: left;
		width: 100%;
	}

	.count-2 {
		float: left;
		width: 50%;
	}

	.count-3 {
		float: left;
		width: 33.3%;
	}

	.count-4 {
		float: left;
		width: 25%;
	}

	.count-5 {
		float: left;
		width: 20%;
	}

	.count-6 {
		float: left;
		width: 16.6%;
	}

	/* =============================================================================
	   column widths
	   ========================================================================== */

	.cols-1 {
		display: block;
		float: none !important;
		margin: 0 !important;
	}

	.cols-2 .item {
		width: 49%;
	}
	.cols-2 .item + .item {
		padding-left: 2%;
	}

	.cols-3 .item {
		width: 32%;
	}
	.cols-3 .item + .item {
		padding-left: 2%;
	}

	.cols-4 .item {
		width: 23.5%;
	}
	.cols-4 .item + .item {
		padding-left: 2%;
	}

	.cols-5 .item {
		width: 18.4%;
	}
	.cols-5 .item + .item {
		padding-left: 2%;
	}

	.cols-6 .item {
		width: 15%;
	}
	.cols-6 .item + .item {
		padding-left: 2%;
	}

	.cols-2 .item,
	.cols-3 .item,
	.cols-4 .item,
	.cols-5 .item,
	.cols-6 .item {
		float: left;
	}

	.column-1,
	.items-more {
		clear: both;
	}

	.alpha-2-main-beta-2 #column-group-alpha {
	width: 31%;
	}

	.alpha-2-main-beta-2 #load-first {
		width: 74%;
	}

	.alpha-2-main-beta-2 #column-group-beta {
		width: 25%;
	}

	.alpha-2-main-beta-2 #content-main {
		width: 67%;
	}
}

/* 2x */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), 
only screen and (-o-min-device-pixel-ratio: 3/2), 
only screen and (min-device-pixel-ratio: 1.5) {

}


@media only screen and (min-width:480px) and (max-width:749px){

	ul.menu li.item-435 a:before{
		content: "min-width:480px and max-width: 749px ";
	}

	#content-main,
	.load-first{
		width:100%
	}
	.alpha-1-main #column-group-alpha,
	.alpha-1-main-beta-1 #column-group-alpha{
		width:50%
	}
	.alpha-1-main #column-1,
	.alpha-1-main #column-2,
	.main-beta-1 #column-3,
	.main-beta-1 #column-4,
	.alpha-1-main-beta-1 #column-1,
	.alpha-1-main-beta-1 #column-2,
	.alpha-1-main-beta-1 #column-3,
	.alpha-1-main-beta-1 #column-4,
	.alpha-1-main-beta-2 #column-1,
	.alpha-1-main-beta-2 #column-2,
	.alpha-1-main-beta-2 #column-3,
	.alpha-1-main-beta-2 #column-4,
	.alpha-2-main-beta-1 #column-1,
	.alpha-2-main-beta-1 #column-2,
	.alpha-2-main-beta-1 #column-3,
	.alpha-2-main-beta-1 #column-4,
	.alpha-2-main-beta-2 #column-1,
	.alpha-2-main-beta-2 #column-2,
	.alpha-2-main-beta-2 #column-3,
	.alpha-2-main-beta-2 #column-4 {
		float:left;
		width:50%;
	}
}

@media only screen and (max-width:479px){

	ul.menu li.item-435 a:before{
		content: "max-width: 479px ";
	}

	#load-first,
	.footer-above,
	.main-only #content-main,
	.main-only #load-first,
	.alpha-1-main #load-first,
	.alpha-1-main #content-main,
	.alpha-1-main #column-group-alpha,
	.alpha-2-main #load-first,
	.alpha-2-main #content-main,
	.alpha-2-main #column-group-alpha,
	.main-beta-1 #content-main,
	.main-beta-1 #load-first,
	.main-beta-1 #column-group-beta,
	.main-beta-2 #content-main,
	.main-beta-2 #load-first,
	.main-beta-2 #column-group-beta,
	.alpha-1-main-beta-1 #load-first,
	.alpha-1-main-beta-1 #content-main,
	.alpha-1-main-beta-1 #column-group-alpha,
	.alpha-1-main-beta-1 #column-group-beta,
	.alpha-2-main-beta-1 #load-first,
	.alpha-2-main-beta-1 #content-main,
	.alpha-2-main-beta-1 #column-group-alpha,
	.alpha-2-main-beta-1 #column-group-beta,
	.alpha-1-main-beta-2 #load-first,
	.alpha-1-main-beta-2 #content-main,
	.alpha-1-main-beta-2 #column-group-alpha,
	.alpha-1-main-beta-2 #column-group-beta,
	.alpha-2-main-beta-2 #load-first,
	.alpha-2-main-beta-2 #content-main,
	.alpha-2-main-beta-2 #column-group-alpha,
	.alpha-2-main-beta-2 #column-group-beta,
	.count-1,
	.count-2,
	.count-3,
	.count-4,
	.count-5,
	.count-6,
	.cols-2 .item,
	.cols-3 .item,
	.cols-4 .item,
	.cols-5 .item,
	.cols-6 .item{
		width:100%
	}

}