.container { width: 800px; 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:21px; }
.span-2 { width: 62px; }
.span-3 { width: 103px; }
.span-4 { width: 144px; }
.span-5 { width: 185px; }
.span-6 { width: 226px; }
.span-7 { width: 267px; }
.span-8 { width: 308px; }
.span-9 { width: 349px; }
.span-10 { width: 390px; }
.span-11 { width: 431px; }
.span-12 { width: 472px; }
.span-13 { width: 513px; }
.span-14 { width: 554px; }
.span-15 { width: 595px; }
.span-16 { width: 636px; }
.span-17 { width: 677px; }
.span-18 { width: 718px; }
.span-19 { width: 759px; }
.span-20 { width: 800px; margin-right:0; }
.last { margin-right: 0; }

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