.gil-width-1-1 {
	flex-basis: 100%;
	width: 100%;
}

.gil-width-1-2 {
	.gil-width-1-1();
	@media screen and (min-width: @gil-desktop-width) {
		flex-basis: 50%;
		width: 50%
	}
}

.gil-width-1-3 {
	.gil-width-1-1();
	@media screen and (min-width: @gil-desktop-width) {
		flex-basis: 33.33%;
		width: 33.33%
	}
}

.gil-width-2-3 {
	.gil-width-1-1();
	@media screen and (min-width: @gil-desktop-width) {
		flex-basis: 66.67%;
		width: 66.67%
	}
}

.gil-width-1-4 {
	.gil-width-1-1();
	@media screen and (min-width: @gil-desktop-width) {
		flex-basis: 25%;
		width: 25%
	}
}

.gil-width-3-4 {
	.gil-width-1-1();
	@media screen and (min-width: @gil-desktop-width) {
		flex-basis: 75%;
		width: 75%;
	}
}

.gil-width-1-8 {
	.gil-width-1-1();
	@media screen and (min-width: @gil-desktop-width) {
		flex-basis: 12.5%;
		width: 12.5%;
	}
}

.gil-width-3-8 {
	.gil-width-1-1();
	@media screen and (min-width: @gil-desktop-width) {
		flex-basis: 37.5%;
		width: 37.5%;
	}
}

.gil-width-5-8 {
	.gil-width-1-1();
	@media screen and (min-width: @gil-desktop-width) {
		flex-basis: 62.5%;
		width: 62.5%;
	}
}

.gil-width-7-8 {
	.gil-width-1-1();
	@media screen and (min-width: @gil-desktop-width) {
		flex-basis: 87.5%;
		width: 87.5%;
	}
}

.gil-width-1-10 {
	.gil-width-1-1();
	@media screen and (min-width: @gil-desktop-width) {
		flex-basis: 10%;
		width: 10%;
	}
}

.columns(@columns) {
	columns: @columns;
	-webkit-columns: @columns;
	-moz-columns: @columns;
}

.columngap(@columngap) {
	-webkit-column-gap: @columngap;
	-moz-column-gap: @columngap;
	column-gap: @columngap;
}