.grid {
	max-width: 1440px;
	margin:0 auto;
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}

.grid.grid-fullwidth {
	max-width: 1920px;
}

.grid  div[class*=col-] {
	padding-left: var(--default-padding-right);
	padding-right: var(--default-padding-right);
	box-sizing: border-box;
}

.grid-nocolumnpadding > div[class*=col-] {
	padding-left: 0;
	padding-right: 0;
}

.grid.noouterpadding > div[class*=col-]:first-child {
	padding-left: 0;
	box-sizing: border-box;
}
.grid.noouterpadding > div[class*=col-]:last-child {
	padding-right: 0;
	box-sizing: border-box;
}

div[class^='col-'].nopaddingright {
	padding-right: 0;
}

div[class^='col-'].nopaddingleft {
	padding-left: 0;
}

.grid .col-1 { flex: 0 0 calc(100% / 12 * 1); }
.grid .col-2 { flex: 0 0 calc(100% / 12 * 2); }
.grid .col-3 { flex: 0 0 calc(100% / 12 * 3); }
.grid .col-4 { flex: 0 0 calc(100% / 12 * 4); }
.grid .col-5 { flex: 0 0 calc(100% / 12 * 5); }
.grid .col-6 { flex: 0 0 calc(100% / 12 * 6); }
.grid .col-7 { flex: 0 0 calc(100% / 12 * 7); }
.grid .col-8 { flex: 0 0 calc(100% / 12 * 8); }
.grid .col-9 { flex: 0 0 calc(100% / 12 * 9); }
.grid .col-10 { flex: 0 0 calc(100% / 12 * 10); }
.grid .col-11 { flex: 0 0 calc(100% / 12 * 11); }
.grid .col-12 { flex: 0 0 calc(100% / 12 * 12); }

.grid .col-auto { flex: 1 1 auto; }
.grid .col-1-2 { flex: 0 0 calc(100% / 12 * 1.5); }
.grid .col-2-3 { flex: 0 0 calc(100% / 12 * 2.5); }
.grid .col-3-4 { flex: 0 0 calc(100% / 12 * 3.5); }
.grid .col-4-5 { flex: 0 0 calc(100% / 12 * 4.5); }
.grid .col-5-6 { flex: 0 0 calc(100% / 12 * 5.5); }
.grid .col-6-7 { flex: 0 0 calc(100% / 12 * 6.5); }
.grid .col-7-8 { flex: 0 0 calc(100% / 12 * 7.5); }
.grid .col-8-9 { flex: 0 0 calc(100% / 12 * 8.5); }
.grid .col-9-10 { flex: 0 0 calc(100% / 12 * 9.5); }
.grid .col-10-11 { flex: 0 0 calc(100% / 12 * 10.5); }
.grid .col-11-12 { flex: 0 0 calc(100% / 12 * 11.5); }
.grid .col-12 { flex: 0 0 calc(100% / 12 * 12); }




.grid .offset-1 { margin-left:calc(100% / 12 * 1); }
.grid .offset-2 { margin-left:calc(100% / 12 * 2); }
.grid .offset-3 { margin-left:calc(100% / 12 * 3); }
.grid .offset-4 { margin-left:calc(100% / 12 * 4); }
.grid .offset-5 { margin-left:calc(100% / 12 * 5); }
.grid .offset-6 { margin-left:calc(100% / 12 * 6); }
.grid .offset-7 { margin-left:calc(100% / 12 * 7); }
.grid .offset-8 { margin-left:calc(100% / 12 * 8); }
.grid .offset-9 { margin-left:calc(100% / 12 * 9); }
.grid .offset-10 { margin-left:calc(100% / 12 * 10); }
.grid .offset-11 { margin-left:calc(100% / 12 * 11); }
.grid .offset-12 { margin-left:calc(100% / 12 * 12); }

@media (max-width:768px) {

	.grid .col-md-1 { flex: 0 0 calc(100% / 12 * 1); }
	.grid .col-md-2 { flex: 0 0 calc(100% / 12 * 2); }
	.grid .col-md-3 { flex: 0 0 calc(100% / 12 * 3); }
	.grid .col-md-4 { flex: 0 0 calc(100% / 12 * 4); }
	.grid .col-md-5 { flex: 0 0 calc(100% / 12 * 5); }
	.grid .col-md-6 { flex: 0 0 calc(100% / 12 * 6); }
	.grid .col-md-7 { flex: 0 0 calc(100% / 12 * 7); }
	.grid .col-md-8 { flex: 0 0 calc(100% / 12 * 8); }
	.grid .col-md-9 { flex: 0 0 calc(100% / 12 * 9); }
	.grid .col-md-10 { flex: 0 0 calc(100% / 12 * 10); }
	.grid .col-md-11 { flex: 0 0 calc(100% / 12 * 11); }
	.grid .col-md-12 { flex: 0 0 calc(100% / 12 * 12); }

	.grid .offset-md-0 { margin-left:0; }
	.grid .offset-md-1 { margin-left:calc(100% / 12 * 1); }
	.grid .offset-md-2 { margin-left:calc(100% / 12 * 2); }
	.grid .offset-md-3 { margin-left:calc(100% / 12 * 3); }
	.grid .offset-md-4 { margin-left:calc(100% / 12 * 4); }
	.grid .offset-md-5 { margin-left:calc(100% / 12 * 5); }
	.grid .offset-md-6 { margin-left:calc(100% / 12 * 6); }
	.grid .offset-md-7 { margin-left:calc(100% / 12 * 7); }
	.grid .offset-md-8 { margin-left:calc(100% / 12 * 8); }
	.grid .offset-md-9 { margin-left:calc(100% / 12 * 9); }
	.grid .offset-md-10 { margin-left:calc(100% / 12 * 10); }
	.grid .offset-md-11 { margin-left:calc(100% / 12 * 11); }
	.grid .offset-md-12 { margin-left:calc(100% / 12 * 12); }
}