/* sometimes bootstrap's 12 columns are not enough and we need in-between widths */
/* this CSS is designed to provide some extra columns for "half widths", e.g. 1.5 columns and 2.5 columns */
/* created by impart media */

/* 5 columns total */
.col_xs_20pc,
.col_sm_20pc,
.col_md_20pc,
.col_lg_20pc { position:relative; min-height:1px; padding-right:10px; padding-left:10px; }
.col_xs_20pc { width:20%; float:left; }
@media (min-width:768px) {
	.col-sm-20pc { width:20%; float:left; }
}
@media (min-width:992px) {
	.col-md-20pc { width:20%; float:left; }
}
@media (min-width:1200px) {
	.col-lg-20pc { width:20%; float:left; }
}




/* one and a half columns */
.col-xs-1_5,
.col-sm-1_5,
.col-md-1_5,
.col-lg-1_5 { position:relative; min-height:1px; padding-right:10px; padding-left:10px; }
.col-xs-1_5 { width:12.5%; float:left; }
@media (min-width:768px) {
	.col-sm-1_5 { width:12.5%; float:left; }
}
@media (min-width:992px) {
	.col-md-1_5 { width:12.5%; float:left; }
}
@media (min-width:1200px) {
	.col-lg-1_5 { width:12.5%; float:left; }
}



/* two and a half columns */
.col-xs-2_5,
.col-sm-2_5,
.col-md-2_5,
.col-lg-2_5 { position:relative; min-height:1px; padding-right:10px; padding-left:10px; }
.col-xs-2_5 { width:20.83%; float:left; }
@media (min-width:768px) {
	.col-sm-2_5 { width:20.83%; float:left; }
}
@media (min-width:992px) {
	.col-md-2_5 { width:20.83%; float:left; }
}
@media (min-width:1200px) {
	.col-lg-2_5 { width:20.83%; float:left; }
}