.section {
	clear: both;
}

.group:before,
.group:after {
    content:"";
    display:table;
}
.group:after {
    clear:both;
}
.group {
    zoom:1; 
}

.col {
	display: inline;
	float: left;
    margin: 0;
  	padding:0;
	overflow: hidden;
}


.span-1-24, .span-2-24, .span-3-24, .span-4-24, .span-5-24, .span-6-24, .span-7-24, .span-8-24, .span-9-24,
.span-10-24,.span-11-24, .span-12-24, .span-13-24, .span-14-24, .span-15-24, .span-16-24, .span-17-24, .span-18-24,
.span-19-24, .span-20-24, .span-21-24, .span-22-24, .span-23-24, .span-24-24 {
    width: 100%;
}

@media only screen and (min-width:481px) {
    
    .col:first-child { margin-left: 0rem; } 

    .span-1-24 {
        width: 4.16666%;
    }
    .span-2-24 {
        width: 8.33333%;
    }
    .span-3-24 {
        width: 12.49999%;
    }
    .span-4-24 {
        width: 16.6667%;
    }
    .span-5-24 {
        width: 20.8333%;
    }
    .span-6-24 {
        width: 25%;
    }
    .span-7-24 {
        width: 29.16667%;
    }
    .span-8-24 {
        width: 33.33333%;
    }
    .span-9-24 {
        width: 37.50000%;
    }
    .span-10-24 {
        width: 41.66667%;
    }
    .span-11-24 {
        width: 45.83333%;
    }
    .span-12-24 {
        width: 50%;
    }
    .span-13-24 {
        width: 54.16667%;
    }
    .span-14-24 {
        width: 58.33333%;
    }
    .span-15-24 {
        width: 62.50000%;
    }
    .span-16-24 {
        width: 66.66667%;
    }
    .span-17-24 {
        width: 70.83333%;
    }
    .span-18-24 {
        width: 75%;
    }
    .span-19-24 {
        width: 79.16667%;
    }
    .span-20-24 {
        width: 83.33333%;
    }
    .span-21-24 {
        width: 87.50000%;
    }
    .span-22-24 {
        width: 91.66667%;
    }
    .span-23-24 {
        width: 95.83333%;
    }
    .span-24-24 {
        width: 100%;
    }
}