/*************************************
THIS FILE CONTAINS WEBSITE GRID SYSTEM
*************************************/

.section.boxed {
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
}

.zone {
	width: 1000px;
	min-width: 320px;
	margin-left: auto;
	margin-right: auto;
	-moz-transition: all .2s ease-in-out;
	-webkit-transition: all .2s ease-in-out;
}

.container-1,
.container-2,
.container-3,
.container-4,
.container-5,
.container-6,
.container-7,
.container-8,
.container-9,
.container-10,
.container-11,
.container-12,
.container-13,
.container-14,
.container-15,
.container-16,
.container-17,
.container-18,
.container-19,
.container-20,
.container-21,
.container-22,
.container-23,
.container-24 {
	display: inline;
	float: left;
	margin-left: 2%;
	margin-right: 2%;
	-moz-transition: all .2s ease-in-out;
	-webkit-transition: all .2s ease-in-out;
}

.container-1 {
	width: 0.166666666%;
}

.container-2 {
	width: 4.333333333%;
}

.container-3 {
	width: 8.5%;
}

.container-4 {
	width: 12.66666667%;
}

.container-5 {
	width: 16.83333333%;
}

.container-6 {
	width: 21%;
}

.container-7 {
	width: 25.16666667%;
}

.container-8 {
	width: 29.33333333%;
}

.container-9 {
	width: 33.5%;
}

.container-10 {
	width: 37.66666667%;
}

.container-11 {
	width: 41.83333333%;
}

.container-12 {
	width: 46%;
}

.container-13 {
	width: 50.16666667%;
}

.container-14 {
	width: 54.33333333%;
}

.container-15 {
	width: 58.5%;
}

.container-16 {
	width: 62.66666667%;
}

.container-17 {
	width: 66.83333333%;
}

.container-18 {
	width: 71%;
}

.container-19 {
	width: 75.16666667%;
}

.container-20 {
	width: 79.33333333%;
}

.container-21 {
	width: 83.5%;
}

.container-22 {
	width: 87.66666667%;
}

.container-23 {
	width: 91.83333333%;
}

.container-24 {
	width: 96%;
}

@media all and (max-width: 999px) {

	.section.boxed {
		width: 768px;
	}

	.zone {
		width: 768px;
	}

}

@media all and (max-width: 767px) {

	.section.boxed {
		width: 100%;
	}

	.zone {
		width: 100%;
	}

	.container-1,
	.container-2,
	.container-3,
	.container-4,
	.container-5,
	.container-6,
	.container-7,
	.container-8,
	.container-9,
	.container-10,
	.container-11,
	.container-12,
	.container-13,
	.container-14,
	.container-15,
	.container-16,
	.container-17,
	.container-18,
	.container-19,
	.container-20,
	.container-21,
	.container-22,
	.container-23,
	.container-24 {
		width: 96%;
	}

}