.spcol-xs-1, .spcol-sm-1, .spcol-md-1, .spcol-lg-1, .spcol-xs-2, .spcol-sm-2, .spcol-md-2, .spcol-lg-2, .spcol-xs-3, .spcol-sm-3, .spcol-md-3, .spcol-lg-3, .spcol-xs-4, .spcol-sm-4, .spcol-md-4, .spcol-lg-4, .spcol-xs-5, .spcol-sm-5, .spcol-md-5, .spcol-lg-5{
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px; }

.spcol-xs-1, .spcol-xs-2, .spcol-xs-3, .spcol-xs-4, .spcol-xs-5, .spcol-xs-6, .spcol-xs-7, .spcol-xs-8, .spcol-xs-9, .spcol-xs-10, .spcol-xs-11, .spcol-xs-12 {
  float: left; }

.spcol-xs-1 {
  width: 20%; }

.spcol-xs-2 {
  width: 40%; }

.spcol-xs-3 {
  width: 60%; }

.spcol-xs-4 {
  width: 80%; }

.spcol-xs-5 {
  width: 100%; }

.spcol-xs-offset-0 {
  margin-left: 0%; }

.spcol-xs-offset-1 {
  margin-left: 20%; }

.spcol-xs-offset-2 {
  margin-left: 40%; }

.spcol-xs-offset-3 {
  margin-left: 60%; }

.spcol-xs-offset-4 {
  margin-left: 80%; }


@media (min-width: 768px) {
.spcol-sm-1, .spcol-sm-2, .spcol-sm-3, .spcol-sm-4, .spcol-sm-5, .spcol-sm-6, .spcol-sm-7, .spcol-sm-8, .spcol-sm-9, .spcol-sm-10, .spcol-sm-11, .spcol-sm-12 {
  float: left; }

.spcol-sm-1 {
  width: 20%; }

.spcol-sm-2 {
  width: 40%; }

.spcol-sm-3 {
  width: 60%; }

.spcol-sm-4 {
  width: 80%; }

.spcol-sm-5 {
  width: 100%; }

.spcol-sm-offset-0 {
  margin-left: 0%; }

.spcol-sm-offset-1 {
  margin-left: 20%; }

.spcol-sm-offset-2 {
  margin-left: 40%; }

.spcol-sm-offset-3 {
  margin-left: 60%; }

.spcol-sm-offset-4 {
  margin-left: 80%; }
}

  
@media (min-width: 992px) {
.spcol-md-1, .spcol-md-2, .spcol-md-3, .spcol-md-4, .spcol-md-5, .spcol-md-6, .spcol-md-7, .spcol-md-8, .spcol-md-9, .spcol-md-10, .spcol-md-11, .spcol-md-12 {
  float: left; }

.spcol-md-1 {
  width: 20%; }

.spcol-md-2 {
  width: 40%; }

.spcol-md-3 {
  width: 60%; }

.spcol-md-4 {
  width: 80%; }

.spcol-md-5 {
  width: 100%; }

.spcol-md-offset-0 {
  margin-left: 0%; }

.spcol-md-offset-1 {
  margin-left: 20%; }

.spcol-md-offset-2 {
  margin-left: 40%; }

.spcol-md-offset-3 {
  margin-left: 60%; }

.spcol-md-offset-4 {
  margin-left: 80%; }
}
@media (min-width: 1200px) {
.spcol-lg-1, .spcol-lg-2, .spcol-lg-3, .spcol-lg-4, .spcol-lg-5, .spcol-lg-6, .spcol-lg-7, .spcol-lg-8, .spcol-lg-9, .spcol-lg-10, .spcol-lg-11, .spcol-lg-12 {
  float: left; }

.spcol-lg-1 {
  width: 20%; }

.spcol-lg-2 {
  width: 40%; }

.spcol-lg-3 {
  width: 60%; }

.spcol-lg-4 {
  width: 80%; }

.spcol-lg-5 {
  width: 100%; }

.spcol-lg-offset-0 {
  margin-left: 0%; }

.spcol-lg-offset-1 {
  margin-left: 20%; }

.spcol-lg-offset-2 {
  margin-left: 40%; }

.spcol-lg-offset-3 {
  margin-left: 60%; }

.spcol-lg-offset-4 {
  margin-left: 80%; }
}