.container { width: 980px; margin: 0 auto; }
.column, .span-1, .span-2, .span-3, .span-4, .span-5, .span-6, .span-7, .span-8, .span-9, .span-10, .span-11, .span-12, .span-13, .span-14, .span-15, .span-16, .span-17, .span-18, .span-19, .span-20 {  float: left; margin-right: 20px; }
.span-1 { width:30px; }
.span-2 { width: 80px; }
.span-3 { width: 130px; }
.span-4 { width: 180px; }
.span-5 { width: 230px; }
.span-6 { width: 280px; }
.span-7 { width: 330px; }
.span-8 { width: 380px; }
.span-9 { width: 430px; }
.span-10 { width: 480px; }
.span-11 { width: 530px; }
.span-12 { width: 580px; }
.span-13 { width: 630px; }
.span-14 { width: 680px; }
.span-15 { width: 730px; }
.span-16 { width: 780px; }
.span-17 { width: 830px; }
.span-18 { width: 880px; }
.span-19 { width: 930px; }
.span-20 { width: 980px; margin-right:0; }
.last { margin-right: 0; }

@media (max-width: 980px) { .container { width: 100%; } }