/* Grid */
.grid { position: relative; }
	.grid:after { content: ""; display: table; clear: both; }
	.grid .gridItem { position: relative; float: left; width: 100%; }
	.grid .gridItem.right { float: right; }


/* Small: phone */
@media (max-width: 719px) {
	
	.grid .gridItem.small--1-2 { width: calc(100% / 2); }
	
	.grid .gridItem.small--1-3 { width: calc(100% / 3); }
	.grid .gridItem.small--2-3 { width: calc(100% / 3 * 2); }
	
	.grid .gridItem.small--1-4 { width: calc(100% / 4); }
	.grid .gridItem.small--2-4 { width: calc(100% / 4 * 2); }
	.grid .gridItem.small--3-4 { width: calc(100% / 4 * 3); }
	
	.grid .gridItem.small--1-5 { width: calc(100% / 5); }
	.grid .gridItem.small--2-5 { width: calc(100% / 5 * 2); }
	.grid .gridItem.small--3-5 { width: calc(100% / 5 * 3); }
	.grid .gridItem.small--4-5 { width: calc(100% / 5 * 4); }
	
	.grid .gridItem.small--1-6 { width: calc(100% / 6); }
	.grid .gridItem.small--2-6 { width: calc(100% / 6 * 2); }
	.grid .gridItem.small--3-6 { width: calc(100% / 6 * 3); }
	.grid .gridItem.small--4-6 { width: calc(100% / 6 * 4); }
	.grid .gridItem.small--5-6 { width: calc(100% / 6 * 5); }

	.grid .gridItem.small--1-7 { width: calc(100% / 7); }
	.grid .gridItem.small--2-7 { width: calc(100% / 7 * 2); }
	.grid .gridItem.small--3-7 { width: calc(100% / 7 * 3); }
	.grid .gridItem.small--4-7 { width: calc(100% / 7 * 4); }
	.grid .gridItem.small--5-7 { width: calc(100% / 7 * 5); }
	.grid .gridItem.small--6-7 { width: calc(100% / 7 * 5); }

	.grid .gridItem.small--1-8 { width: calc(100% / 8); }
	.grid .gridItem.small--2-8 { width: calc(100% / 8 * 2); }
	.grid .gridItem.small--3-8 { width: calc(100% / 8 * 3); }
	.grid .gridItem.small--4-8 { width: calc(100% / 8 * 4); }
	.grid .gridItem.small--5-8 { width: calc(100% / 8 * 5); }
	.grid .gridItem.small--6-8 { width: calc(100% / 8 * 6); }
	.grid .gridItem.small--7-8 { width: calc(100% / 8 * 7); }

	.grid .gridItem.small--1-9 { width: calc(100% / 9); }
	.grid .gridItem.small--2-9 { width: calc(100% / 9 * 2); }
	.grid .gridItem.small--3-9 { width: calc(100% / 9 * 3); }
	.grid .gridItem.small--4-9 { width: calc(100% / 9 * 4); }
	.grid .gridItem.small--5-9 { width: calc(100% / 9 * 5); }
	.grid .gridItem.small--6-9 { width: calc(100% / 9 * 6); }
	.grid .gridItem.small--7-9 { width: calc(100% / 9 * 7); }
	.grid .gridItem.small--8-9 { width: calc(100% / 9 * 8); }

	.grid .gridItem.small--1-10 { width: calc(100% / 10); }
	.grid .gridItem.small--2-10 { width: calc(100% / 10 * 2); }
	.grid .gridItem.small--3-10 { width: calc(100% / 10 * 3); }
	.grid .gridItem.small--4-10 { width: calc(100% / 10 * 4); }
	.grid .gridItem.small--5-10 { width: calc(100% / 10 * 5); }
	.grid .gridItem.small--6-10 { width: calc(100% / 10 * 6); }
	.grid .gridItem.small--7-10 { width: calc(100% / 10 * 7); }
	.grid .gridItem.small--8-10 { width: calc(100% / 10 * 8); }
	.grid .gridItem.small--9-10 { width: calc(100% / 10 * 9); }

}

/* Medium: tablet */
@media (min-width: 720px) and (max-width: 1099px) {
	
	.grid .gridItem.medium--1-2 { width: calc(100% / 2); }
	
	.grid .gridItem.medium--1-3 { width: calc(100% / 3); }
	.grid .gridItem.medium--2-3 { width: calc(100% / 3 * 2); }
	
	.grid .gridItem.medium--1-4 { width: calc(100% / 4); }
	.grid .gridItem.medium--2-4 { width: calc(100% / 4 * 2); }
	.grid .gridItem.medium--3-4 { width: calc(100% / 4 * 3); }
	
	.grid .gridItem.medium--1-5 { width: calc(100% / 5); }
	.grid .gridItem.medium--2-5 { width: calc(100% / 5 * 2); }
	.grid .gridItem.medium--3-5 { width: calc(100% / 5 * 3); }
	.grid .gridItem.medium--4-5 { width: calc(100% / 5 * 4); }
	
	.grid .gridItem.medium--1-6 { width: calc(100% / 6); }
	.grid .gridItem.medium--2-6 { width: calc(100% / 6 * 2); }
	.grid .gridItem.medium--3-6 { width: calc(100% / 6 * 3); }
	.grid .gridItem.medium--4-6 { width: calc(100% / 6 * 4); }
	.grid .gridItem.medium--5-6 { width: calc(100% / 6 * 5); }

	.grid .gridItem.medium--1-7 { width: calc(100% / 7); }
	.grid .gridItem.medium--2-7 { width: calc(100% / 7 * 2); }
	.grid .gridItem.medium--3-7 { width: calc(100% / 7 * 3); }
	.grid .gridItem.medium--4-7 { width: calc(100% / 7 * 4); }
	.grid .gridItem.medium--5-7 { width: calc(100% / 7 * 5); }
	.grid .gridItem.medium--6-7 { width: calc(100% / 7 * 5); }

	.grid .gridItem.medium--1-8 { width: calc(100% / 8); }
	.grid .gridItem.medium--2-8 { width: calc(100% / 8 * 2); }
	.grid .gridItem.medium--3-8 { width: calc(100% / 8 * 3); }
	.grid .gridItem.medium--4-8 { width: calc(100% / 8 * 4); }
	.grid .gridItem.medium--5-8 { width: calc(100% / 8 * 5); }
	.grid .gridItem.medium--6-8 { width: calc(100% / 8 * 6); }
	.grid .gridItem.medium--7-8 { width: calc(100% / 8 * 7); }

	.grid .gridItem.medium--1-9 { width: calc(100% / 9); }
	.grid .gridItem.medium--2-9 { width: calc(100% / 9 * 2); }
	.grid .gridItem.medium--3-9 { width: calc(100% / 9 * 3); }
	.grid .gridItem.medium--4-9 { width: calc(100% / 9 * 4); }
	.grid .gridItem.medium--5-9 { width: calc(100% / 9 * 5); }
	.grid .gridItem.medium--6-9 { width: calc(100% / 9 * 6); }
	.grid .gridItem.medium--7-9 { width: calc(100% / 9 * 7); }
	.grid .gridItem.medium--8-9 { width: calc(100% / 9 * 8); }

	.grid .gridItem.medium--1-10 { width: calc(100% / 10); }
	.grid .gridItem.medium--2-10 { width: calc(100% / 10 * 2); }
	.grid .gridItem.medium--3-10 { width: calc(100% / 10 * 3); }
	.grid .gridItem.medium--4-10 { width: calc(100% / 10 * 4); }
	.grid .gridItem.medium--5-10 { width: calc(100% / 10 * 5); }
	.grid .gridItem.medium--6-10 { width: calc(100% / 10 * 6); }
	.grid .gridItem.medium--7-10 { width: calc(100% / 10 * 7); }
	.grid .gridItem.medium--8-10 { width: calc(100% / 10 * 8); }
	.grid .gridItem.medium--9-10 { width: calc(100% / 10 * 9); }

}

/* Large: pc */
@media (min-width: 1100px) {
	
	.grid .gridItem.large--1-2 { width: calc(100% / 2); }
	
	.grid .gridItem.large--1-3 { width: calc(100% / 3); }
	.grid .gridItem.large--2-3 { width: calc(100% / 3 * 2); }
	
	.grid .gridItem.large--1-4 { width: calc(100% / 4); }
	.grid .gridItem.large--2-4 { width: calc(100% / 4 * 2); }
	.grid .gridItem.large--3-4 { width: calc(100% / 4 * 3); }
	
	.grid .gridItem.large--1-5 { width: calc(100% / 5); }
	.grid .gridItem.large--2-5 { width: calc(100% / 5 * 2); }
	.grid .gridItem.large--3-5 { width: calc(100% / 5 * 3); }
	.grid .gridItem.large--4-5 { width: calc(100% / 5 * 4); }
	
	.grid .gridItem.large--1-6 { width: calc(100% / 6); }
	.grid .gridItem.large--2-6 { width: calc(100% / 6 * 2); }
	.grid .gridItem.large--3-6 { width: calc(100% / 6 * 3); }
	.grid .gridItem.large--4-6 { width: calc(100% / 6 * 4); }
	.grid .gridItem.large--5-6 { width: calc(100% / 6 * 5); }

	.grid .gridItem.large--1-7 { width: calc(100% / 7); }
	.grid .gridItem.large--2-7 { width: calc(100% / 7 * 2); }
	.grid .gridItem.large--3-7 { width: calc(100% / 7 * 3); }
	.grid .gridItem.large--4-7 { width: calc(100% / 7 * 4); }
	.grid .gridItem.large--5-7 { width: calc(100% / 7 * 5); }
	.grid .gridItem.large--6-7 { width: calc(100% / 7 * 5); }

	.grid .gridItem.large--1-8 { width: calc(100% / 8); }
	.grid .gridItem.large--2-8 { width: calc(100% / 8 * 2); }
	.grid .gridItem.large--3-8 { width: calc(100% / 8 * 3); }
	.grid .gridItem.large--4-8 { width: calc(100% / 8 * 4); }
	.grid .gridItem.large--5-8 { width: calc(100% / 8 * 5); }
	.grid .gridItem.large--6-8 { width: calc(100% / 8 * 6); }
	.grid .gridItem.large--7-8 { width: calc(100% / 8 * 7); }

	.grid .gridItem.large--1-9 { width: calc(100% / 9); }
	.grid .gridItem.large--2-9 { width: calc(100% / 9 * 2); }
	.grid .gridItem.large--3-9 { width: calc(100% / 9 * 3); }
	.grid .gridItem.large--4-9 { width: calc(100% / 9 * 4); }
	.grid .gridItem.large--5-9 { width: calc(100% / 9 * 5); }
	.grid .gridItem.large--6-9 { width: calc(100% / 9 * 6); }
	.grid .gridItem.large--7-9 { width: calc(100% / 9 * 7); }
	.grid .gridItem.large--8-9 { width: calc(100% / 9 * 8); }

	.grid .gridItem.large--1-10 { width: calc(100% / 10); }
	.grid .gridItem.large--2-10 { width: calc(100% / 10 * 2); }
	.grid .gridItem.large--3-10 { width: calc(100% / 10 * 3); }
	.grid .gridItem.large--4-10 { width: calc(100% / 10 * 4); }
	.grid .gridItem.large--5-10 { width: calc(100% / 10 * 5); }
	.grid .gridItem.large--6-10 { width: calc(100% / 10 * 6); }
	.grid .gridItem.large--7-10 { width: calc(100% / 10 * 7); }
	.grid .gridItem.large--8-10 { width: calc(100% / 10 * 8); }
	.grid .gridItem.large--9-10 { width: calc(100% / 10 * 9); }

}