@import "variables.less";

// Let's add some unnecessary white space. Or grey, as it were. In the dumbest possible way.

// Top end of large screens
@media screen and (min-width: 1425px) {
	.color-middle-container,
	.ts-inner {
		padding: 0 3em;
	}
	.color-middle {
		margin-left: @column-left-size;
		margin-right: @column-right-size;
	}
}

// Top half end of mid screens
@media screen and (min-width: (@desktop-small-width + @desktop-mid-width) / 2) and (max-width: @desktop-mid-width) {
	.ts-inner {
		padding: 0 3em;
	}
	.color-middle {
		margin-left: @column-left-size + 3em;
		margin-right: @column-right-size + 3em;
	}
}