.grid 	{ -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 5px; display: inline-block; }


.grid-1		{ width: 60px; }
.grid-2		{ width: 130px; }
.grid-3		{ width: 200px; }
.grid-4		{ width: 270px; }
.grid-5		{ width: 340px; }
.grid-6		{ width: 410px; }
.grid-7		{ width: 480px; }
.grid-8		{ width: 550px; }
.grid-9		{ width: 620px; }
.grid-10	{ width: 690px; }
.grid-11	{ width: 760px; }
.grid-12	{ width: 830px; }
.grid-13	{ width: 900px; }
.grid-14	{ width: 970px; }



@media screen and ( max-width: 980px ) {
	.grid-1		{ width: 7.13%; }
	.grid-2		{ width: 14.26%; }
	.grid-3		{ width: 21.39%; }
	.grid-4		{ width: 28.52%; }
	.grid-5		{ width: 35.65%; }
	.grid-6		{ width: 42.78%; }
	.grid-7		{ width: 49.91%; }
	.grid-8		{ width: 57.04%; }
	.grid-9		{ width: 64.17%; }
	.grid-10	{ width: 71.30%; }
	.grid-11	{ width: 78.43%; }
	.grid-12	{ width: 85.56%; }
	.grid-13	{ width: 92.69%; }
	.grid-14	{ width: 100%; }
}