.container { position: relative; width: 960px; margin: 0 auto; padding: 0;} .container.floated { width: 1000px;} .container .column, .container .columns { float: left; display: inline; margin-left: 10px; margin-right: 10px;} .row { margin-bottom: 20px;} .column.alpha, .columns.alpha { margin-left: 0;} .column.omega, .columns.omega { margin-right: 0;} .column.gamma, .columns.gamma { margin-left: 20px;} .container .floated { float: left; display: table-cell; margin: 0; padding: 0 40px;} .container .one.column, .container .one.columns, .container .one.floated { width: 160px; } .container .two.columns, .container .two.floated { width: 140px;} .container .three.columns, .container .three.floated { width: 150px;} .container .four.columns, .container .four.floated { width: 230px;} .container .four2.columns { width: 223px;} .container .five.columns, .container .five.floated { width: 280px;} .container .six.columns, .container .six.floated { width: 310px;} .container .seven.columns, .container .seven.floated { width: 470px;} .container .eight.columns, .container .eight.floated { width: 470px;} .container .nine.columns, .container .nine.floated { width: 520px;} .container .ten.columns, .container .ten.floated { width: 580px;} .container .eleven.columns, .container .eleven.floated { width: 670px;} .container .twelve.columns, .container .twelve.floated { width: 710px;} .container .thirteen.columns, .container .thirteen.floated { width: 760px;} .container .fourteen.columns, .container .fourteen.floated { width: 820px;} .container .fifteen.columns, .container .fifteen.floated { width: 880px;} .container .sixteen.columns, .container .sixteen.floated { width: 940px;} .container .one-third.column { width: 300px;} .container .two-thirds.column { width: 200px;} @media only screen and (min-width: 768px) and (max-width: 959px) {.container { width: 678px;} .container.floated { width: 728px;} .container .column, .container .columns { margin-left: 10px; margin-right: 10px;} .column.alpha, .columns.alpha { margin-left: 0; margin-right: 10px;} .column.omega, .columns.omega { margin-right: 0; margin-left: 10px;} .alpha.omega { margin-left: 0; margin-right: 0;} .column.gamma, .columns.gamma { margin-left: 20px;} .container .floated { float: left; display: inline; margin: 0; padding: 0 28px;} .container .one.column, .container .one.columns, .container .one.floated { width: 120px;} .container .two.columns, .container .two.floated { width: 120px;} .container .three.columns, .container .three.floated { width: 120px;} .container .four.columns, .container .four.floated { width: 161px;} .container .five.columns, .container .five.floated { width: 196px;} .container .six.columns, .container .six.floated { width: 253px;} .container #header .six.columns{ width: 310px;} .container .seven.columns, .container .seven.floated { width: 238px;} .container .eight.columns, .container .eight.floated { width: 329px;} .container .nine.columns, .container .nine.floated { width: 364px;} .container .ten.columns, .container .ten.floated { width: 406px;} .container .eleven.columns, .container .eleven.floated { width: 455px;} .container .twelve.columns, .container .twelve.floated { width: 507px;} .container .thirteen.columns, .container .thirteen.floated { width: 532px;} .container .fourteen.columns, .container .fourteen.floated { width: 574px;} .container .fifteen.columns, .container .fifteen.floated { width: 616px;} .container .sixteen.columns, .container .sixteen.floated { width: 658px;} } @media only screen and (max-width: 767px) {.container, .container.floated { width: 420px;} .container .columns, .container .column { margin: 0;} .container .floated { padding: 0 30px;} .container .one.column, .container .one.columns, .container .one.floated, .container .two.columns, .container .two.floated, .container .three.columns, .container .three.floated, .container .four.columns, .container .four.floated, .container .five.columns, .container .five.floated, .container .six.columns, .container .six.floated, .container .seven.columns, .container .seven.floated, .container .eight.columns, .container .eight.floated, .container .nine.columns, .container .nine.floated, .container .ten.columns, .container .ten.floated, .container .eleven.columns, .container .eleven.floated, .container .twelve.columns, .container .twelve.floated, .container .thirteen.columns, .container .thirteen.floated, .container .fourteen.columns, .container .fourteen.floated, .container .fifteen.columns, .container .fifteen.floated, .container .sixteen.columns, .container .sixteen.floated, .container .one-third.column, .container .two-thirds.column { width: 260px;} .container .two-thirds.column { width: 117px !important; margin-right:10px; margin-left:10px;} .container .two-thirds.column .team-name { width:100px !important}.container .one.column, .container .one.columns, .container .one.floated { width: 100% !important;} } @media only screen and (min-width: 480px) and (max-width: 767px) {.container { width: 360px;} .container .columns, .container .column { margin: 0;} .container .floated { padding: 0 30px;} .container .one.column, .container .one.columns, .container .one.floated, .container .two.columns, .container .two.floated, .container .three.columns, .container .three.floated, .container .four.columns, .container .four.floated, .container .five.columns, .container .five.floated, .container .six.columns, .container .six.floated, .container .seven.columns, .container .seven.floated, .container .eight.columns, .container .eight.floated, .container .nine.columns, .container .nine.floated, .container .ten.columns, .container .ten.floated, .container .eleven.columns, .container .eleven.floated, .container .twelve.columns, .container .twelve.floated, .container .thirteen.columns, .container .thirteen.floated, .container .fourteen.columns, .container .fourteen.floated, .container .fifteen.columns, .container .fifteen.floated, .container .sixteen.columns, .container .sixteen.floated, .container .one-third.column, .container .two-thirds.column { width: 360px;} .container .two-thirds.column { width: 180px !important; margin-right:10px; margin-left:10px;} } .container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden;} .clearfix:before, .clearfix:after, .row:before, .row:after {content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0;} .row:after, .clearfix:after {clear: both;} .row, .clearfix {zoom: 1;} .clear {clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0;} #content { overflow:hidden;} .floated.sidebar { margin-bottom: -10000px; padding-bottom: 10000px;}