/* 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_ten,
.one_of_twenty {
/* 	outline: 1px solid #ddd; */
	float: left;
}

.one_of_one > .sectionR,
.one_of_two > .sectionR,
.one_of_three > .sectionR,
.two_of_three > .sectionR,
.one_of_four > .sectionR,
.three_of_four > .sectionR,
.one_of_five > .sectionR,
.two_of_five > .sectionR,
.three_of_five > .sectionR,
.four_of_five > .sectionR,
.one_of_six > .sectionR,
.one_of_ten > .sectionR,
.one_of_twenty > .sectionR,

.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_ten > .inner,
.one_of_twenty > .inner {
/* 	outline: 1px solid #ccc; */
	margin: 25px;
}

.one_of_ten > .sectionR,
.one_of_twenty > .sectionR {
    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%;
}

.two_of_five {
	width: 40%;
}

.three_of_five{
	width: 60%;
}

.four_of_five {
	width: 80%;
}
.one_of_six {
	width: 16.666666%;
}


.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 {
		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_ten,
	.one_of_six {
		width: 50%;		
	}
	
	
	.one_of_twenty 
	{
	    width: 10%;    
	}
	
		
	.one_of_one > .sectionR,
	.one_of_two > .sectionR,
	.one_of_three > .sectionR,
	.two_of_three > .sectionR,
	.one_of_four > .sectionR,
	.three_of_four > .sectionR,
	.one_of_five > .sectionR,
	.two_of_five > .sectionR,
	.three_of_five > .sectionR,
	.four_of_five > .sectionR,
	.one_of_six > .sectionR,
	
	.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 {
	/* 	outline: 1px solid #ccc; */
		margin: 15px;
	}

	
}