/* NESTED FLUID GRID */

.one_of_one,
.one_of_two,
.one_of_three,
.two_of_three,
.one_of_four,
.three_of_four,
.one_of_five,
.two_of_five,
.three_of_five,
.four_of_five,
.one_of_six,
.one_of_seven,
.one_of_eight,
.one_of_nine,
.one_of_ten,
.one_of_twenty,
.one_of_twelve {
/* 	outline: 1px solid #ddd; */
	float: left;
}

.one_of_one > section,
.one_of_two > section,
.one_of_three > section,
.two_of_three > section,
.one_of_four > section,
.three_of_four > section,
.one_of_five > section,
.two_of_five > section,
.three_of_five > section,
.four_of_five > section,
.one_of_six > section,
.one_of_eight > section,
.one_of_nine > section,
.one_of_ten > section,
.one_of_twenty > section,
.one_of_twelve > section,

.one_of_one > .section,
.one_of_two > .section,
.one_of_three > .section,
.two_of_three > .section,
.one_of_four > .section,
.three_of_four > .section,
.one_of_five > .section,
.two_of_five > .section,
.three_of_five > .section,
.four_of_five > .section,
.one_of_six > .section,
.one_of_eight > .section,
.one_of_nine > .section,
.one_of_ten > .section,
.one_of_twenty > .section,
.one_of_twelve > .section,


.one_of_one > .inner,
.one_of_two > .inner,
.one_of_three > .inner,
.two_of_three > .inner,
.one_of_four > .inner,
.three_of_four > .inner,
.one_of_five > .inner,
.two_of_five > .inner,
.three_of_five > .inner,
.four_of_five > .inner,
.one_of_six > .inner,
.one_of_eight > .inner,
.one_of_nine > .inner,
.one_of_ten > .inner,
.one_of_twelve > .inner,
.one_of_twenty > .inner {
/* 	outline: 1px solid #ccc; */
	margin: 25px;
}

.one_of_seven > section,
.one_of_seven > .inner
{
	margin: 5px;
}

.one_of_ten > section,
.one_of_twelve > section,
.one_of_twenty > section {
    margin: 5px 1px;
}

.one_of_one {
	width: 100%;
}

.one_of_two {
	width: 50%;
}

.one_of_three {
	width: 33.333333%;
}

.two_of_three {
	width: 66.666666%;
}

.one_of_four {
	width: 25%;
}

.three_of_four {
	width: 75%;
}

.one_of_five {
	width: 20%;
}

.one_of_ten {
    width: 10%;
}
.one_of_twenty {
    width: 5%;
}

.one_of_twelve {
    width: 8.333333%;
}

.two_of_five {
	width: 40%;
}

.three_of_five{
	width: 60%;
}

.four_of_five {
	width: 80%;
}
.one_of_six {
	width: 16.666666%;
}
.one_of_seven {
	width: 14.285714%;
}
.one_of_eight {
	width: 12.5%;
}
.one_of_nine {
	width: 11.1111111%;
}


.siblings,
.siblings .one_of_three:nth-child(3n+1),
.siblings .one_of_four:nth-child(4n+1) {
	clear: left;	
}




/* from 0 to 800px */
@media screen and (max-width: 800px) {
	
/*
	.one_of_five {
		width: 25%;
	}
*/
	
	.one_of_four,
	.one_of_three {
		width: 50%;
	}
	
	
	.one_of_six, .one_of_seven, .one_of_eight, .one_of_nine {
		width: 33.333333%;
	}
	
	.one_of_ten {
	    width: 20%;    
	}
	
/*
	.three_of_four {
		width: 100%;
	}
*/
		
}


/* from 0 to 500px */
@media screen and (max-width: 500px) {
	
	.one_of_one,
	.one_of_two,
	.one_of_three,
	.two_of_three,
	.one_of_four,
	.three_of_four,
/* 	.one_of_five, */
	.two_of_five,
	.three_of_five,
	.four_of_five {
		width: 100%;
	}
	
/* 	.one_of_four, */
	.one_of_five,
	.one_of_eight,
	.one_of_nine,
	.one_of_ten,
	.one_of_six, .one_of_seven {
		width: 50%;		
	}
	
	
	.one_of_twenty 
	{
	    width: 10%;    
	}

	.one_of_twelve 
	{
	    width: 16.666%;    
	}
	
	
		
	.one_of_one > section,
	.one_of_two > section,
	.one_of_three > section,
	.two_of_three > section,
	.one_of_four > section,
	.three_of_four > section,
	.one_of_five > section,
	.two_of_five > section,
	.three_of_five > section,
	.four_of_five > section,
	.one_of_six > section,
	.one_of_seven > section,
	.one_of_eight > section,
	.one_of_nine > section,
	
	.one_of_one > .inner,
	.one_of_two > .inner,
	.one_of_three > .inner,
	.two_of_three > .inner,
	.one_of_four > .inner,
	.three_of_four > .inner,
	.one_of_five > .inner,
	.two_of_five > .inner,
	.three_of_five > .inner,
	.four_of_five > .inner,
	.one_of_six > .inner,
	.one_of_eight > .inner,
	.one_of_nine > .inner,
	.one_of_seven > .inner {
	/* 	outline: 1px solid #ccc; */
		margin: 15px;
	}

	
}