*, *::after, *::before{

	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

[class^='col-']{
	float:left;
	padding:0;
	text-align:center;
}
.grid:after{
	content:"";
	display:block;
	clear:both;
}

.container {
	margin-right: auto;
	margin-left: auto;
	padding-left: 15px;
	padding-right: 15px;
}

.row{
	margin-left: -15px;
	margin-right: -15px;

}

.col-12of12 {
    width: 100%;
  }
.col-11of12 {
	width: 91.66666667%;
}
.col-10of12 {
	width: 83.33333333%;
}
.col-9of12 {
	width: 75%;
}
.col-8of12 {
	width: 66.66666667%;
}
.col-7of12 {
	width: 58.33333333%;
}
.col-6of12 {
	width: 50%;
}
.col-5of12 {
	width: 41.66666667%;
}
.col-4of12 {
	width: 33.33333333%;
}
.col-3of12 {
	width: 25%;
}
.col-2of12 {
	width: 16.66666667%;
}
.col-1of12 {
	width: 8.33333333%;
}