$mobile-small: 16rem;
$mobile-medium: 20rem;
$mobile-large: 24rem;
$tablet-small: 30rem;
$tablet-medium: 38rem;
$tablet-large: 46rem;
$screen-small: 64rem;
$screen-medium: 74rem;
$screen-large: 88rem;
$screen-xlarge: 106rem;

.column {
	float: left;
	padding-left: .75rem;
	padding-right: .75rem;
}

.column--gutterless {
	padding-left: 0px;
	padding-right: 0px;
}

.column.column--centre {
	float: none;
	margin-left: auto;
	margin-right: auto;
}

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

.offset-1 { margin-left: 8.33%; }
.offset-2 { margin-left: 16.66%; }
.offset-3 { margin-left: 25%; }
.offset-4 { margin-left: 33.33%; }
.offset-5 { margin-left: 41.66%; }
.offset-6 { margin-left: 50%; }
.offset-7 { margin-left: 58.33%; }
.offset-8 { margin-left: 66.66%; }
.offset-9 { margin-left: 75%; }
.offset-10 { margin-left: 83.33%; }
.offset-11 { margin-left: 91.66%; }

@media screen and (min-width: $mobile-small) {
    .mobile-sm-1 { width: 8.33%; }
    .mobile-sm-2 { width: 16.66%; }
    .mobile-sm-3 { width: 25%; }
    .mobile-sm-4 { width: 33.33%; }
    .mobile-sm-5 { width: 41.66%; }
    .mobile-sm-6 { width: 50%; }
    .mobile-sm-7 { width: 58.33%; }
    .mobile-sm-8 { width: 66.66%; }
    .mobile-sm-9 { width: 75%; }
    .mobile-sm-10 { width: 83.33%; }
    .mobile-sm-11 { width: 91.66%; }
    .mobile-sm-12 { width: 100%; }

	.mobile-sm-offset-1 { margin-left: 8.33%; }
	.mobile-sm-offset-2 { margin-left: 16.66%; }
	.mobile-sm-offset-3 { margin-left: 25%; }
	.mobile-sm-offset-4 { margin-left: 33.33%; }
	.mobile-sm-offset-5 { margin-left: 41.66%; }
	.mobile-sm-offset-6 { margin-left: 50%; }
	.mobile-sm-offset-7 { margin-left: 58.33%; }
	.mobile-sm-offset-8 { margin-left: 66.66%; }
	.mobile-sm-offset-9 { margin-left: 75%; }
	.mobile-sm-offset-10 { margin-left: 83.33%; }
	.mobile-sm-offset-11 { margin-left: 91.66%; }

	.mobile-sm--centre {
		float: none;
		margin-left: auto;
		margin-right: auto;
	}

	.mobile-sm--gutterless {
		padding-left: 0px;
		padding-right: 0px;
	}
}

@media screen and (min-width: $mobile-medium) {
    .mobile-md-1 { width: 8.33%; }
    .mobile-md-2 { width: 16.66%; }
    .mobile-md-3 { width: 25%; }
    .mobile-md-4 { width: 33.33%; }
    .mobile-md-5 { width: 41.66%; }
    .mobile-md-6 { width: 50%; }
    .mobile-md-7 { width: 58.33%; }
    .mobile-md-8 { width: 66.66%; }
    .mobile-md-9 { width: 75%; }
    .mobile-md-10 { width: 83.33%; }
    .mobile-md-11 { width: 91.66%; }
    .mobile-md-12 { width: 100%; }
	
	.mobile-md-offset-1 { margin-left: 8.33%; }
	.mobile-md-offset-2 { margin-left: 16.66%; }
	.mobile-md-offset-3 { margin-left: 25%; }
	.mobile-md-offset-4 { margin-left: 33.33%; }
	.mobile-md-offset-5 { margin-left: 41.66%; }
	.mobile-md-offset-6 { margin-left: 50%; }
	.mobile-md-offset-7 { margin-left: 58.33%; }
	.mobile-md-offset-8 { margin-left: 66.66%; }
	.mobile-md-offset-9 { margin-left: 75%; }
	.mobile-md-offset-10 { margin-left: 83.33%; }
	.mobile-md-offset-11 { margin-left: 91.66%; }

	.mobile-md--centre {
		float: none;
		margin-left: auto;
		margin-right: auto;
	}

	.mobile-md--gutterless {
		padding-left: 0px;
		padding-right: 0px;
	}
}

@media screen and (min-width: $mobile-large) {
    .mobile-lg-1 { width: 8.33%; }
    .mobile-lg-2 { width: 16.66%; }
    .mobile-lg-3 { width: 25%; }
    .mobile-lg-4 { width: 33.33%; }
    .mobile-lg-5 { width: 41.66%; }
    .mobile-lg-6 { width: 50%; }
    .mobile-lg-7 { width: 58.33%; }
    .mobile-lg-8 { width: 66.66%; }
    .mobile-lg-9 { width: 75%; }
    .mobile-lg-10 { width: 83.33%; }
    .mobile-lg-11 { width: 91.66%; }
    .mobile-lg-12 { width: 100%; }
	
	.mobile-lg-offset-1 { margin-left: 8.33%; }
	.mobile-lg-offset-2 { margin-left: 16.66%; }
	.mobile-lg-offset-3 { margin-left: 25%; }
	.mobile-lg-offset-4 { margin-left: 33.33%; }
	.mobile-lg-offset-5 { margin-left: 41.66%; }
	.mobile-lg-offset-6 { margin-left: 50%; }
	.mobile-lg-offset-7 { margin-left: 58.33%; }
	.mobile-lg-offset-8 { margin-left: 66.66%; }
	.mobile-lg-offset-9 { margin-left: 75%; }
	.mobile-lg-offset-10 { margin-left: 83.33%; }
	.mobile-lg-offset-11 { margin-left: 91.66%; }

	.mobile-lg--centre {
		float: none;
		margin-left: auto;
		margin-right: auto;
	}

	.mobile-lg--gutterless {
		padding-left: 0px;
		padding-right: 0px;
	}
}

@media screen and (min-width: $tablet-small) {
    .tablet-sm-1 { width: 8.33%; }
    .tablet-sm-2 { width: 16.66%; }
    .tablet-sm-3 { width: 25%; }
    .tablet-sm-4 { width: 33.33%; }
    .tablet-sm-5 { width: 41.66%; }
    .tablet-sm-6 { width: 50%; }
    .tablet-sm-7 { width: 58.33%; }
    .tablet-sm-8 { width: 66.66%; }
    .tablet-sm-9 { width: 75%; }
    .tablet-sm-10 { width: 83.33%; }
    .tablet-sm-11 { width: 91.66%; }
    .tablet-sm-12 { width: 100%; }
	
	.tablet-sm-offset-1 { margin-left: 8.33%; }
	.tablet-sm-offset-2 { margin-left: 16.66%; }
	.tablet-sm-offset-3 { margin-left: 25%; }
	.tablet-sm-offset-4 { margin-left: 33.33%; }
	.tablet-sm-offset-5 { margin-left: 41.66%; }
	.tablet-sm-offset-6 { margin-left: 50%; }
	.tablet-sm-offset-7 { margin-left: 58.33%; }
	.tablet-sm-offset-8 { margin-left: 66.66%; }
	.tablet-sm-offset-9 { margin-left: 75%; }
	.tablet-sm-offset-10 { margin-left: 83.33%; }
	.tablet-sm-offset-11 { margin-left: 91.66%; }

	.tablet-sm--centre {
		float: none;
		margin-left: auto;
		margin-right: auto;
	}

	.tablet-sm--gutterless {
		padding-left: 0px;
		padding-right: 0px;
	}
}

@media screen and (min-width: $tablet-medium) {
    .tablet-md-1 { width: 8.33%; }
    .tablet-md-2 { width: 16.66%; }
    .tablet-md-3 { width: 25%; }
    .tablet-md-4 { width: 33.33%; }
    .tablet-md-5 { width: 41.66%; }
    .tablet-md-6 { width: 50%; }
    .tablet-md-7 { width: 58.33%; }
    .tablet-md-8 { width: 66.66%; }
    .tablet-md-9 { width: 75%; }
    .tablet-md-10 { width: 83.33%; }
    .tablet-md-11 { width: 91.66%; }
    .tablet-md-12 { width: 100%; }
	
	.tablet-md-offset-1 { margin-left: 8.33%; }
	.tablet-md-offset-2 { margin-left: 16.66%; }
	.tablet-md-offset-3 { margin-left: 25%; }
	.tablet-md-offset-4 { margin-left: 33.33%; }
	.tablet-md-offset-5 { margin-left: 41.66%; }
	.tablet-md-offset-6 { margin-left: 50%; }
	.tablet-md-offset-7 { margin-left: 58.33%; }
	.tablet-md-offset-8 { margin-left: 66.66%; }
	.tablet-md-offset-9 { margin-left: 75%; }
	.tablet-md-offset-10 { margin-left: 83.33%; }
	.tablet-md-offset-11 { margin-left: 91.66%; }

	.tablet-md--centre {
		float: none;
		margin-left: auto;
		margin-right: auto;
	}

	.tablet-md--gutterless {
		padding-left: 0px;
		padding-right: 0px;
	}
}

@media screen and (min-width: $tablet-large) {
    .tablet-lg-1 { width: 8.33%; }
    .tablet-lg-2 { width: 16.66%; }
    .tablet-lg-3 { width: 25%; }
    .tablet-lg-4 { width: 33.33%; }
    .tablet-lg-5 { width: 41.66%; }
    .tablet-lg-6 { width: 50%; }
    .tablet-lg-7 { width: 58.33%; }
    .tablet-lg-8 { width: 66.66%; }
    .tablet-lg-9 { width: 75%; }
    .tablet-lg-10 { width: 83.33%; }
    .tablet-lg-11 { width: 91.66%; }
    .tablet-lg-12 { width: 100%; }
	
	.tablet-lg-offset-1 { margin-left: 8.33%; }
	.tablet-lg-offset-2 { margin-left: 16.66%; }
	.tablet-lg-offset-3 { margin-left: 25%; }
	.tablet-lg-offset-4 { margin-left: 33.33%; }
	.tablet-lg-offset-5 { margin-left: 41.66%; }
	.tablet-lg-offset-6 { margin-left: 50%; }
	.tablet-lg-offset-7 { margin-left: 58.33%; }
	.tablet-lg-offset-8 { margin-left: 66.66%; }
	.tablet-lg-offset-9 { margin-left: 75%; }
	.tablet-lg-offset-10 { margin-left: 83.33%; }
	.tablet-lg-offset-11 { margin-left: 91.66%; }

	.tablet-lg--centre {
		float: none;
		margin-left: auto;
		margin-right: auto;
	}

	.tablet-lg--gutterless {
		padding-left: 0px;
		padding-right: 0px;
	}
}

@media screen and (min-width: $screen-small) {
    .screen-sm-1 { width: 8.33%; }
    .screen-sm-2 { width: 16.66%; }
    .screen-sm-3 { width: 25%; }
    .screen-sm-4 { width: 33.33%; }
    .screen-sm-5 { width: 41.66%; }
    .screen-sm-6 { width: 50%; }
    .screen-sm-7 { width: 58.33%; }
    .screen-sm-8 { width: 66.66%; }
    .screen-sm-9 { width: 75%; }
    .screen-sm-10 { width: 83.33%; }
    .screen-sm-11 { width: 91.66%; }
    .screen-sm-12 { width: 100%; }
	
	.screen-sm-offset-1 { margin-left: 8.33%; }
	.screen-sm-offset-2 { margin-left: 16.66%; }
	.screen-sm-offset-3 { margin-left: 25%; }
	.screen-sm-offset-4 { margin-left: 33.33%; }
	.screen-sm-offset-5 { margin-left: 41.66%; }
	.screen-sm-offset-6 { margin-left: 50%; }
	.screen-sm-offset-7 { margin-left: 58.33%; }
	.screen-sm-offset-8 { margin-left: 66.66%; }
	.screen-sm-offset-9 { margin-left: 75%; }
	.screen-sm-offset-10 { margin-left: 83.33%; }
	.screen-sm-offset-11 { margin-left: 91.66%; }

	.screen-sm--centre {
		float: none;
		margin-left: auto;
		margin-right: auto;
	}

	.screen-sm--gutterless {
		padding-left: 0px;
		padding-right: 0px;
	}
}

@media screen and (min-width: $screen-medium) {
    .screen-md-1 { width: 8.33%; }
    .screen-md-2 { width: 16.66%; }
    .screen-md-3 { width: 25%; }
    .screen-md-4 { width: 33.33%; }
    .screen-md-5 { width: 41.66%; }
    .screen-md-6 { width: 50%; }
    .screen-md-7 { width: 58.33%; }
    .screen-md-8 { width: 66.66%; }
    .screen-md-9 { width: 75%; }
    .screen-md-10 { width: 83.33%; }
    .screen-md-11 { width: 91.66%; }
    .screen-md-12 { width: 100%; }
	
	.screen-md-offset-1 { margin-left: 8.33%; }
	.screen-md-offset-2 { margin-left: 16.66%; }
	.screen-md-offset-3 { margin-left: 25%; }
	.screen-md-offset-4 { margin-left: 33.33%; }
	.screen-md-offset-5 { margin-left: 41.66%; }
	.screen-md-offset-6 { margin-left: 50%; }
	.screen-md-offset-7 { margin-left: 58.33%; }
	.screen-md-offset-8 { margin-left: 66.66%; }
	.screen-md-offset-9 { margin-left: 75%; }
	.screen-md-offset-10 { margin-left: 83.33%; }
	.screen-md-offset-11 { margin-left: 91.66%; }

	.screen-md--centre {
		float: none;
		margin-left: auto;
		margin-right: auto;
	}

	.screen-md--gutterless {
		padding-left: 0px;
		padding-right: 0px;
	}
}

@media screen and (min-width: $screen-large) {
    .screen-lg-1 { width: 8.33%; }
    .screen-lg-2 { width: 16.66%; }
    .screen-lg-3 { width: 25%; }
    .screen-lg-4 { width: 33.33%; }
    .screen-lg-5 { width: 41.66%; }
    .screen-lg-6 { width: 50%; }
    .screen-lg-7 { width: 58.33%; }
    .screen-lg-8 { width: 66.66%; }
    .screen-lg-9 { width: 75%; }
    .screen-lg-10 { width: 83.33%; }
    .screen-lg-11 { width: 91.66%; }
    .screen-lg-12 { width: 100%; }
	
	.screen-lg-offset-1 { margin-left: 8.33%; }
	.screen-lg-offset-2 { margin-left: 16.66%; }
	.screen-lg-offset-3 { margin-left: 25%; }
	.screen-lg-offset-4 { margin-left: 33.33%; }
	.screen-lg-offset-5 { margin-left: 41.66%; }
	.screen-lg-offset-6 { margin-left: 50%; }
	.screen-lg-offset-7 { margin-left: 58.33%; }
	.screen-lg-offset-8 { margin-left: 66.66%; }
	.screen-lg-offset-9 { margin-left: 75%; }
	.screen-lg-offset-10 { margin-left: 83.33%; }
	.screen-lg-offset-11 { margin-left: 91.66%; }

	.screen-lg--centre {
		float: none;
		margin-left: auto;
		margin-right: auto;
	}

	.screen-lg--gutterless {
		padding-left: 0px;
		padding-right: 0px;
	}
}

@media screen and (min-width: $screen-xlarge) {
    .screen-xlg-1 { width: 8.33%; }
    .screen-xlg-2 { width: 16.66%; }
    .screen-xlg-3 { width: 25%; }
    .screen-xlg-4 { width: 33.33%; }
    .screen-xlg-5 { width: 41.66%; }
    .screen-xlg-6 { width: 50%; }
    .screen-xlg-7 { width: 58.33%; }
    .screen-xlg-8 { width: 66.66%; }
    .screen-xlg-9 { width: 75%; }
    .screen-xlg-10 { width: 83.33%; }
    .screen-xlg-11 { width: 91.66%; }
    .screen-xlg-12 { width: 100%; }
	
	.screen-xlg-offset-1 { margin-left: 8.33%; }
	.screen-xlg-offset-2 { margin-left: 16.66%; }
	.screen-xlg-offset-3 { margin-left: 25%; }
	.screen-xlg-offset-4 { margin-left: 33.33%; }
	.screen-xlg-offset-5 { margin-left: 41.66%; }
	.screen-xlg-offset-6 { margin-left: 50%; }
	.screen-xlg-offset-7 { margin-left: 58.33%; }
	.screen-xlg-offset-8 { margin-left: 66.66%; }
	.screen-xlg-offset-9 { margin-left: 75%; }
	.screen-xlg-offset-10 { margin-left: 83.33%; }
	.screen-xlg-offset-11 { margin-left: 91.66%; }

	.screen-xlg--centre {
		float: none;
		margin-left: auto;
		margin-right: auto;
	}

	.screen-xlg--gutterless {
		padding-left: 0px;
		padding-right: 0px;
	}
}