.grid {
	font-size: 0;
	letter-spacing: 0;
	margin-left: -20px;
	margin-top: -40px;
}
.grid.no-h-margin {
	margin-left: 0;
}
.grid.no-v-margin {
	margin-top: 0;
}
.grid.flex,
.grid.flex-s,
.grid.flex-m,
.grid.flex-l,
.grid.flex-xl {
	display: flex;
	flex-wrap: wrap;
}
.grid.flex.flex-center,
.grid.flex-s.flex-center,
.grid.flex-m.flex-center,
.grid.flex-l.flex-center,
.grid.flex-xl.flex-center {
	align-items: center; /* vertical align */
}
.grid.flex.flex-bottom,
.grid.flex-s.flex-bottom,
.grid.flex-m.flex-bottom,
.grid.flex-l.flex-bottom,
.grid.flex-xl.flex-bottom {
	align-items: flex-end; /* vertical align */
}
.grid > * {
	display: inline-block;
	padding-left: 20px;
	padding-top: 40px;
	text-align: left;
	vertical-align: top;
	background-clip: content-box; /* ignore padding */

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.grid.align-middle > *,
.grid > *.align-middle {
	vertical-align: middle;
}
.grid.align-bottom > *,
.grid > *.align-bottom {
	vertical-align: bottom;
}
.grid.center > *,
.grid > *.center {
	text-align: center;
}
.grid.align-right > *,
.grid > *.align-right {
	text-align: right;
}
.grid.no-overflow > *,
.grid > *.no-overflow {
	overflow: hidden;
}

.grid > *.col-1 {
	width: 8.33%;
}
.grid > *.col-2 {
	width: 16.66%;
}
.grid > *.col-3 {
	width: 25%;
}
.grid > *.col-4 {
	width: 33.33%;
}
.grid > *.col-5 {
	width: 41.66%;
}
.grid > *.col-6 {
	width: 50%;
}
.grid > *.col-7 {
	width: 58.33%;
}
.grid > *.col-8 {
	width: 66.66%;
}
.grid > *.col-9 {
	width: 75%;
}
.grid > *.col-10 {
	width: 83.33%;
}
.grid > *.col-11 {
	width: 91.66%;
}
.grid > *.col-12 {
	width: 100%;
}

.grid > *.col-s-1 {
	width: 8.33%;
}
.grid > *.col-s-2 {
	width: 16.66%;
}
.grid > *.col-s-3 {
	width: 25%;
}
.grid > *.col-s-4 {
	width: 33.33%;
}
.grid > *.col-s-5 {
	width: 41.66%;
}
.grid > *.col-s-6 {
	width: 50%;
}
.grid > *.col-s-7 {
	width: 58.33%;
}
.grid > *.col-s-8 {
	width: 66.66%;
}
.grid > *.col-s-9 {
	width: 75%;
}
.grid > *.col-s-10 {
	width: 83.33%;
}
.grid > *.col-s-11 {
	width: 91.66%;
}
.grid > *.col-s-12 {
	width: 100%;
}

.grid > *.col-m-1 {
	width: 8.33%;
}
.grid > *.col-m-2 {
	width: 16.66%;
}
.grid > *.col-m-3 {
	width: 25%;
}
.grid > *.col-m-4 {
	width: 33.33%;
}
.grid > *.col-m-5 {
	width: 41.66%;
}
.grid > *.col-m-6 {
	width: 50%;
}
.grid > *.col-m-7 {
	width: 58.33%;
}
.grid > *.col-m-8 {
	width: 66.66%;
}
.grid > *.col-m-9 {
	width: 75%;
}
.grid > *.col-m-10 {
	width: 83.33%;
}
.grid > *.col-m-11 {
	width: 91.66%;
}
.grid > *.col-m-12 {
	width: 100%;
}

.grid > *.col-l-1 {
	width: 8.33%;
}
.grid > *.col-l-2 {
	width: 16.66%;
}
.grid > *.col-l-3 {
	width: 25%;
}
.grid > *.col-l-4 {
	width: 33.33%;
}
.grid > *.col-l-5 {
	width: 41.66%;
}
.grid > *.col-l-6 {
	width: 50%;
}
.grid > *.col-l-7 {
	width: 58.33%;
}
.grid > *.col-l-8 {
	width: 66.66%;
}
.grid > *.col-l-9 {
	width: 75%;
}
.grid > *.col-l-10 {
	width: 83.33%;
}
.grid > *.col-l-11 {
	width: 91.66%;
}
.grid > *.col-l-12 {
	width: 100%;
}

.grid > *.col-xl-1 {
	width: 8.33%;
}
.grid > *.col-xl-2 {
	width: 16.66%;
}
.grid > *.col-xl-3 {
	width: 25%;
}
.grid > *.col-xl-4 {
	width: 33.33%;
}
.grid > *.col-xl-5 {
	width: 41.66%;
}
.grid > *.col-xl-6 {
	width: 50%;
}
.grid > *.col-xl-7 {
	width: 58.33%;
}
.grid > *.col-xl-8 {
	width: 66.66%;
}
.grid > *.col-xl-9 {
	width: 75%;
}
.grid > *.col-xl-10 {
	width: 83.33%;
}
.grid > *.col-xl-11 {
	width: 91.66%;
}
.grid > *.col-xl-12 {
	width: 100%;
}

.grid.no-h-margin > * {
	padding-left: 0;
}
.grid.no-v-margin > * {
	padding-top: 0;
}

@media all and (max-width: 1600px) { /* L */
	.grid.flex-xl {
		display: block;
	}

	.grid > *.col-xl-1,
	.grid > *.col-xl-2,
	.grid > *.col-xl-3,
	.grid > *.col-xl-4,
	.grid > *.col-xl-5,
	.grid > *.col-xl-6,
	.grid > *.col-xl-7,
	.grid > *.col-xl-8,
	.grid > *.col-xl-9,
	.grid > *.col-xl-10,
	.grid > *.col-xl-11 {
		width: 100%;
	}

	.grid > *.col-1 {
		width: 8.33%;
	}
	.grid > *.col-2 {
		width: 16.66%;
	}
	.grid > *.col-3 {
		width: 25%;
	}
	.grid > *.col-4 {
		width: 33.33%;
	}
	.grid > *.col-5 {
		width: 41.66%;
	}
	.grid > *.col-6 {
		width: 50%;
	}
	.grid > *.col-7 {
		width: 58.33%;
	}
	.grid > *.col-8 {
		width: 66.66%;
	}
	.grid > *.col-9 {
		width: 75%;
	}
	.grid > *.col-10 {
		width: 83.33%;
	}
	.grid > *.col-11 {
		width: 91.66%;
	}
	.grid > *.col-12 {
		width: 100%;
	}

	.grid > *.col-s-1 {
		width: 8.33%;
	}
	.grid > *.col-s-2 {
		width: 16.66%;
	}
	.grid > *.col-s-3 {
		width: 25%;
	}
	.grid > *.col-s-4 {
		width: 33.33%;
	}
	.grid > *.col-s-5 {
		width: 41.66%;
	}
	.grid > *.col-s-6 {
		width: 50%;
	}
	.grid > *.col-s-7 {
		width: 58.33%;
	}
	.grid > *.col-s-8 {
		width: 66.66%;
	}
	.grid > *.col-s-9 {
		width: 75%;
	}
	.grid > *.col-s-10 {
		width: 83.33%;
	}
	.grid > *.col-s-11 {
		width: 91.66%;
	}
	.grid > *.col-s-12 {
		width: 100%;
	}

	.grid > *.col-m-1 {
		width: 8.33%;
	}
	.grid > *.col-m-2 {
		width: 16.66%;
	}
	.grid > *.col-m-3 {
		width: 25%;
	}
	.grid > *.col-m-4 {
		width: 33.33%;
	}
	.grid > *.col-m-5 {
		width: 41.66%;
	}
	.grid > *.col-m-6 {
		width: 50%;
	}
	.grid > *.col-m-7 {
		width: 58.33%;
	}
	.grid > *.col-m-8 {
		width: 66.66%;
	}
	.grid > *.col-m-9 {
		width: 75%;
	}
	.grid > *.col-m-10 {
		width: 83.33%;
	}
	.grid > *.col-m-11 {
		width: 91.66%;
	}
	.grid > *.col-m-12 {
		width: 100%;
	}

	.grid > *.col-l-1 {
		width: 8.33%;
	}
	.grid > *.col-l-2 {
		width: 16.66%;
	}
	.grid > *.col-l-3 {
		width: 25%;
	}
	.grid > *.col-l-4 {
		width: 33.33%;
	}
	.grid > *.col-l-5 {
		width: 41.66%;
	}
	.grid > *.col-l-6 {
		width: 50%;
	}
	.grid > *.col-l-7 {
		width: 58.33%;
	}
	.grid > *.col-l-8 {
		width: 66.66%;
	}
	.grid > *.col-l-9 {
		width: 75%;
	}
	.grid > *.col-l-10 {
		width: 83.33%;
	}
	.grid > *.col-l-11 {
		width: 91.66%;
	}
	.grid > *.col-l-12 {
		width: 100%;
	}
}
@media all and (max-width: 1200px) { /* M */
	.grid.flex-l {
		display: block;
	}

	.grid > *.col-l-1,
	.grid > *.col-l-2,
	.grid > *.col-l-3,
	.grid > *.col-l-4,
	.grid > *.col-l-5,
	.grid > *.col-l-6,
	.grid > *.col-l-7,
	.grid > *.col-l-8,
	.grid > *.col-l-9,
	.grid > *.col-l-10,
	.grid > *.col-l-11 {
		width: 100%;
	}

	.grid > *.col-1 {
		width: 8.33%;
	}
	.grid > *.col-2 {
		width: 16.66%;
	}
	.grid > *.col-3 {
		width: 25%;
	}
	.grid > *.col-4 {
		width: 33.33%;
	}
	.grid > *.col-5 {
		width: 41.66%;
	}
	.grid > *.col-6 {
		width: 50%;
	}
	.grid > *.col-7 {
		width: 58.33%;
	}
	.grid > *.col-8 {
		width: 66.66%;
	}
	.grid > *.col-9 {
		width: 75%;
	}
	.grid > *.col-10 {
		width: 83.33%;
	}
	.grid > *.col-11 {
		width: 91.66%;
	}
	.grid > *.col-12 {
		width: 100%;
	}

	.grid > *.col-s-1 {
		width: 8.33%;
	}
	.grid > *.col-s-2 {
		width: 16.66%;
	}
	.grid > *.col-s-3 {
		width: 25%;
	}
	.grid > *.col-s-4 {
		width: 33.33%;
	}
	.grid > *.col-s-5 {
		width: 41.66%;
	}
	.grid > *.col-s-6 {
		width: 50%;
	}
	.grid > *.col-s-7 {
		width: 58.33%;
	}
	.grid > *.col-s-8 {
		width: 66.66%;
	}
	.grid > *.col-s-9 {
		width: 75%;
	}
	.grid > *.col-s-10 {
		width: 83.33%;
	}
	.grid > *.col-s-11 {
		width: 91.66%;
	}
	.grid > *.col-s-12 {
		width: 100%;
	}

	.grid > *.col-m-0 {
		display: none;
	}
	.grid > *.col-m-1 {
		width: 8.33%;
	}
	.grid > *.col-m-2 {
		width: 16.66%;
	}
	.grid > *.col-m-3 {
		width: 25%;
	}
	.grid > *.col-m-4 {
		width: 33.33%;
	}
	.grid > *.col-m-5 {
		width: 41.66%;
	}
	.grid > *.col-m-6 {
		width: 50%;
	}
	.grid > *.col-m-7 {
		width: 58.33%;
	}
	.grid > *.col-m-8 {
		width: 66.66%;
	}
	.grid > *.col-m-9 {
		width: 75%;
	}
	.grid > *.col-m-10 {
		width: 83.33%;
	}
	.grid > *.col-m-11 {
		width: 91.66%;
	}
	.grid > *.col-m-12 {
		width: 100%;
	}
}

@media all and (max-width: 800px) { /* S */
	.grid.flex-m {
		display: block;
	}

	.grid > *,
	.grid.align-middle > *,
	.grid.align-bottom > *,
	.grid > *.align-middle,
	.grid > *.align-bottom {
		vertical-align: top;
	}

	.grid > *.col-m-1,
	.grid > *.col-m-2,
	.grid > *.col-m-3,
	.grid > *.col-m-4,
	.grid > *.col-m-5,
	.grid > *.col-m-6,
	.grid > *.col-m-7,
	.grid > *.col-m-8,
	.grid > *.col-m-9,
	.grid > *.col-m-10,
	.grid > *.col-m-11 {
		width: 100%;
	}

	.grid > *.col-1 {
		width: 8.33%;
	}
	.grid > *.col-2 {
		width: 16.66%;
	}
	.grid > *.col-3 {
		width: 25%;
	}
	.grid > *.col-4 {
		width: 33.33%;
	}
	.grid > *.col-5 {
		width: 41.66%;
	}
	.grid > *.col-6 {
		width: 50%;
	}
	.grid > *.col-7 {
		width: 58.33%;
	}
	.grid > *.col-8 {
		width: 66.66%;
	}
	.grid > *.col-9 {
		width: 75%;
	}
	.grid > *.col-10 {
		width: 83.33%;
	}
	.grid > *.col-11 {
		width: 91.66%;
	}
	.grid > *.col-12 {
		width: 100%;
	}

	.grid > *.col-s-0 {
		display: none;
	}
	.grid > *.col-s-1 {
		width: 8.33%;
	}
	.grid > *.col-s-2 {
		width: 16.66%;
	}
	.grid > *.col-s-3 {
		width: 25%;
	}
	.grid > *.col-s-4 {
		width: 33.33%;
	}
	.grid > *.col-s-5 {
		width: 41.66%;
	}
	.grid > *.col-s-6 {
		width: 50%;
	}
	.grid > *.col-s-7 {
		width: 58.33%;
	}
	.grid > *.col-s-8 {
		width: 66.66%;
	}
	.grid > *.col-s-9 {
		width: 75%;
	}
	.grid > *.col-s-10 {
		width: 83.33%;
	}
	.grid > *.col-s-11 {
		width: 91.66%;
	}
	.grid > *.col-s-12 {
		width: 100%;
	}
}
@media all and (max-width: 600px) { /* XS */
	.grid.flex-s {
		display: block;
	}

	/*.grid > *,
	.grid.right > *,
	.grid > *.right {
		text-align: center;
	}*/

	.grid > *.col-s-1,
	.grid > *.col-s-2,
	.grid > *.col-s-3,
	.grid > *.col-s-4,
	.grid > *.col-s-5,
	.grid > *.col-s-6,
	.grid > *.col-s-7,
	.grid > *.col-s-8,
	.grid > *.col-s-9,
	.grid > *.col-s-10,
	.grid > *.col-s-11 {
		width: 100%;
	}

	.grid > *.col-0 {
		display: none;
	}
	.grid > *.col-1 {
		width: 8.33%;
	}
	.grid > *.col-2 {
		width: 16.66%;
	}
	.grid > *.col-3 {
		width: 25%;
	}
	.grid > *.col-4 {
		width: 33.33%;
	}
	.grid > *.col-5 {
		width: 41.66%;
	}
	.grid > *.col-6 {
		width: 50%;
	}
	.grid > *.col-7 {
		width: 58.33%;
	}
	.grid > *.col-8 {
		width: 66.66%;
	}
	.grid > *.col-9 {
		width: 75%;
	}
	.grid > *.col-10 {
		width: 83.33%;
	}
	.grid > *.col-11 {
		width: 91.66%;
	}
	.grid > *.col-12 {
		width: 100%;
	}
}