/***************************************************************************************
******** RESPONSIVE *********************************************************************
*******************************************************************************************/


/******* CELLS ********/
@media only screen and (max-width: 960px) {
	/***** 1/5 ******/
	.slice-25, .slice-35, .gap .slice-25, .gap .slice-35{
		width: 100%;
		margin-left: 0;
	}
	.slice-15, .slice-45{
		width:50%;
	}
	.gap .slice-35 + .slice-15{
		margin-left: 0;
		margin-top: 30px;
	}
	.gap .slice-35 ~ .slice-15:nth-child(3){
		margin-left: 3%;
	}
	.gap .slice-15:nth-child(n+3){
		margin-top: 30px;
	}
	.gap .slice-15:nth-child(2n+3){
		margin-left:0;
	}
	.gap .slice-15:nth-child(2n+4){
		margin-left:3%;
	}
	.gap .slice-15, .gap .slice-45{
		width:48.5%;
	}

	/****** 1/4 ******/
	.slice-24, .gap .slice-24{
		width: 100%;
		margin-left: 0;
	}
	.slice-14, .slice-34{
		width: 50%;
	}
	.gap .slice-14, .gap .slice-34{
		width: 48.5%;
	}
	.gap .slice-14:nth-child(2n+1){
		margin-left: 0;
	}
	.gap .slice-24 ~ .slice-14:nth-child(2){
		margin-left: 0;
	}
	.gap .slice-24 ~ .slice-14:nth-child(3){
		margin-left: 3%;
	}
	.gap .slice-14 + .slice-24,
	.gap .slice-24 ~ .slice-14,
	.gap .slice-14:nth-child(n+3){
		margin-top: 3%;
	}
}
@media only screen and (max-width: 768px){
	.gap .slice-15:nth-child(n+2){
		margin-top: 0;
	}
	.gap .slice-15:nth-child(2n+4) {
		width: 100%;
		margin-left: 0;
	}
}
@media only screen and (max-width: 480px){
	.cell, .gap .cell{
		width: 100%;
		margin-left: 0;
	}
	.gap .cell:first-child{
		margin-top: 0;
	}
	.gap .cell {
		margin-top: 3%;
	}
	.fright {
		float: left;
	}
}