.container {
width:1200px;
margin:0 auto;
padding:0
}
.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
}
.container .one.column, .container .one.columns {
width:55px
}
.container .two.columns {
width:120px
}
.container .three.columns {
width:205px
}
.container .four.columns {
width:280px
}
.container .five.columns {
width:355px
}
.container .six.columns {
width:430px
}
.container .seven.columns {
width:505px
}
.container .eight.columns {
width:580px
}
.container .nine.columns {
width:655px
}
.container .ten.columns {
width:730px
}
.container .eleven.columns {
width:805px
}
.container .twelve.columns {
width:880px
}
.container .thirteen.columns {
width:955px
}
.container .fourteen.columns {
width:1030px
}
.container .fifteen.columns {
width:1105px
}
.container .sixteen.columns {
width:1180px
}
.container .one-third.column {
width:380px
}
.container .two-thirds.column {
width:780px
}
.container .offset-by-right {
padding-right:25px
}
.container .offset-by-one {
padding-left:25px
}
.container .offset-by-two {
padding-left:140px
}
.container .offset-by-three {
padding-left:225px
}
.container .offset-by-four {
padding-left:300px
}
.container .offset-by-five {
padding-left:375px
}
.container .offset-by-six {
padding-left:430px
}
.container .offset-by-seven {
padding-left:525px
}
.container .offset-by-eight {
padding-left:600px
}
.container .offset-by-nine {
padding-left:675px
}
.container .offset-by-ten {
padding-left:750px
}
.container .offset-by-eleven {
padding-left:825px
}
.container .offset-by-twelve {
padding-left:900px
}
.container .offset-by-thirteen {
padding-left:975px
}
.container .offset-by-fourteen {
padding-left:1050px
}
.container .offset-by-fifteen {
padding-left:1125px
}
@media only screen and (min-width: 1200px) and(max-width: 1440px)
.container {
width:100%
}
}
@media only screen and (min-width: 960px) and(max-width: 1199px)
.container {
width:960px
}
.container .one.column, .container .one.columns {
width:40px
}
.container .two.columns {
width:100px
}
.container .three.columns {
width:160px
}
.container .four.columns {
width:220px
}
.container .five.columns {
width:280px
}
.container .six.columns {
width:340px
}
.container .seven.columns {
width:400px
}
.container .eight.columns {
width:460px
}
.container .nine.columns {
width:520px
}
.container .ten.columns {
width:580px
}
.container .eleven.columns {
width:640px
}
.container .twelve.columns {
width:700px
}
.container .thirteen.columns {
width:760px
}
.container .fourteen.columns {
width:820px
}
.container .fifteen.columns {
width:880px
}
.container .sixteen.columns {
width:940px
}
.container .one-third.column {
width:300px
}
.container .two-thirds.column {
width:620px
}
.container .offset-by-right {
padding-right:25px
}
.container .offset-by-one {
padding-left:25px
}
.container .offset-by-two {
padding-left:120px
}
.container .offset-by-three {
padding-left:180px
}
.container .offset-by-four {
padding-left:240px
}
.container .offset-by-five {
padding-left:300px
}
.container .offset-by-six {
padding-left:360px
}
.container .offset-by-seven {
padding-left:420px
}
.container .offset-by-eight {
padding-left:480px
}
.container .offset-by-nine {
padding-left:540px
}
.container .offset-by-ten {
padding-left:600px
}
.container .offset-by-eleven {
padding-left:660px
}
.container .offset-by-twelve {
padding-left:720px
}
.container .offset-by-thirteen {
padding-left:780px
}
.container .offset-by-fourteen {
padding-left:840px
}
.container .offset-by-fifteen {
padding-left:900px
}
}
@media only screen and (min-width: 768px) and(max-width: 959px)
.container {
width:768px
}
.container .columns, .container .column {
margin:0
}
.container .one.column, .container .one.columns, .container .two.columns, .container .three.columns, .container .four.columns, .container .five.columns, .container .six.columns, .container .seven.columns, .container .eight.columns, .container .nine.columns, .container .ten.columns, .container .eleven.columns, .container .twelve.columns, .container .thirteen.columns, .container .fourteen.columns, .container .fifteen.columns, .container .sixteen.columns, .container .one-third.column, .container .two-thirds.column {
width:768px
}
.container .offset-by-right, .container .offset-by-one, .container .offset-by-two, .container .offset-by-three, .container .offset-by-four, .container .offset-by-five, .container .offset-by-six, .container .offset-by-seven, .container .offset-by-eight, .container .offset-by-nine, .container .offset-by-ten, .container .offset-by-eleven, .container .offset-by-twelve, .container .offset-by-thirteen, .container .offset-by-fourteen, .container .offset-by-fifteen {
padding-left:0
}
.container .offset-by-right {
padding-right:0
}
}
@media only screen and (max-width: 767px)
.container {
width:100%
}
.container .columns, .container .column {
margin:0
}
.container .one.column, .container .one.columns, .container .two.columns, .container .three.columns, .container .four.columns, .container .five.columns, .container .six.columns, .container .seven.columns, .container .eight.columns, .container .nine.columns, .container .ten.columns, .container .eleven.columns, .container .twelve.columns, .container .thirteen.columns, .container .fourteen.columns, .container .fifteen.columns, .container .sixteen.columns, .container .one-third.column, .container .two-thirds.column {
width:100%
}
.container .offset-by-right, .container .offset-by-one, .container .offset-by-two, .container .offset-by-three, .container .offset-by-four, .container .offset-by-five, .container .offset-by-six, .container .offset-by-seven, .container .offset-by-eight, .container .offset-by-nine, .container .offset-by-ten, .container .offset-by-eleven, .container .offset-by-twelve, .container .offset-by-thirteen, .container .offset-by-fourteen, .container .offset-by-fifteen {
padding-left:0
}
.container .offset-by-right {
padding-right:0
}
}
@media only screen and (min-width: 480px) and(max-width: 767px)
.container {
width:100%
}
.container .columns, .container .column {
margin:0
}
.container .one.column, .container .one.columns, .container .two.columns, .container .three.columns, .container .four.columns, .container .five.columns, .container .six.columns, .container .seven.columns, .container .eight.columns, .container .nine.columns, .container .ten.columns, .container .eleven.columns, .container .twelve.columns, .container .thirteen.columns, .container .fourteen.columns, .container .fifteen.columns, .container .sixteen.columns, .container .one-third.column, .container .two-thirds.column {
width:100%
}
}