.grid {
  float: left;
  position: relative;
}

.grid-1 {
	width: 6.25%;
}

.grid-2 {
	width: 12.5%;
}

.grid-3 {
	width: 18.75%;
}

.grid-4 {
	width: 25%;
}

.grid-5 {
	width: 31.25%;
}

.grid-6 {
	width: 37.5%;
}

.grid-7 {
	width: 43.75%;
}

.grid-8 {
	width: 50%;
}

.grid-9 {
	width: 56.25%;
}

.grid-10 {
	width: 62.5%;
}

.grid-11 {
	width: 68.75%;
}

.grid-12 {
	width: 75%;
}

.grid-13 {
	width: 81.25%;
}

.grid-14 {
	width: 87.5%;
}

.grid-15 {
	width: 93.75%;
}

.grid-16 {
	width: 100%;
}

.offset-1 {
	margin-left: 6.25%;
}

.offset-2 {
	margin-left: 12.5%;
}

.offset-3 {
	margin-left: 18.75%;
}

.offset-4 {
	margin-left: 25%;
}

.offset-5 {
	margin-left: 31.25%;
}

.offset-6 {
	margin-left: 37.5%;
}

.offset-7 {
	margin-left: 43.75%;
}

.offset-8 {
	margin-left: 50%;
}

.offset-9 {
	margin-left: 56.25%;
}

.offset-10 {
	margin-left: 62.5%;
}

.offset-11 {
	margin-left: 68.75%;
}

.offset-12 {
	margin-left: 75%;
}

.offset-13 {
	margin-left: 81.25%;
}

.offset-14 {
	margin-left: 87.5%;
}

.offset-15 {
	margin-left: 93.75%;
}

@media only screen and (min-width : 768px) and (max-width : 1024px) {
/* ==== TABLET ==== */

	.grid-tablet-1 {
		width: 8.33%;
	}

	.grid-tablet-2 {
		width: 16.66%;
	}

	.grid-tablet-3 {
		width: 25%;
	}

	.grid-tablet-4 {
		width: 33.33%;
	}

	.grid-tablet-5 {
		width: 41.66%;
	}

	.grid-tablet-6 {
		width: 50%;
	}

	.grid-tablet-7 {
		width: 58.33%;
	}

	.grid-tablet-8 {
		width: 66.66%;
	}

	.grid-tablet-9 {
		width: 75%;
	}

	.grid-tablet-10 {
		width: 83.33%;
	}

	.grid-tablet-11 {
		width: 91.66%;
	}

	.grid-tablet-12 {
		width: 100%;
	}

	.offset-tablet-0 {
		margin-left: 0;
	}

	.offset-tablet-1 {
		margin-left: 8.33%;
	}

	.offset-tablet-2 {
		margin-left: 16.66%;
	}

	.offset-tablet-3 {
		margin-left: 25%;
	}

	.offset-tablet-4 {
		margin-left: 33.33%;
	}

	.offset-tablet-5 {
		margin-left: 41.66%;
	}

	.offset-tablet-6 {
		margin-left: 50%;
	}

	.offset-tablet-7 {
		margin-left: 58.33%;
	}

	.offset-tablet-8 {
		margin-left: 66.66%;
	}

	.offset-tablet-9 {
		margin-left: 75%;
	}

	.offset-tablet-10 {
		margin-left: 83.33%;
	}

	.offset-tablet-11 {
		margin-left: 91.66%;
	}
}