csswizardry-grids.css

.grid{list-style:none;margin:0;padding:0;margin-left:-24px;}
.grid__item{display:inline-block;padding-left:24px;vertical-align:top;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;position:relative}
.grid--rev{direction:rtl;text-align:left;}
.grid--rev > .grid__item{direction:ltr;text-align:left}
.grid--full{margin-left:0;}
.grid--full > .grid__item{padding-left:0}
.grid--right{text-align:right;}
.grid--right > .grid__item{text-align:left}
.grid--center{text-align:center;}
.grid--center > .grid__item{text-align:left}
.grid--middle > .grid__item{vertical-align:middle}
.grid--bottom > .grid__item{vertical-align:bottom}
.grid--narrow{margin-left:-12px;}
.grid--narrow > .grid__item{padding-left:12px}
.grid--wide{margin-left:-48px;}
.grid--wide > .grid__item{padding-left:48px}
.one-whole{width:100%}
.one-half{width:50%}
.push--one-half{left:50%}
.pull--one-half{right:50%}
.one-third{width:33.33333333333333%}
.push--one-third{left:33.33333333333333%}
.pull--one-third{right:33.33333333333333%}
.two-thirds{width:66.66666666666666%}
.push--two-thirds{left:66.66666666666666%}
.pull--two-thirds{right:66.66666666666666%}
.one-quarter{width:25%}
.push--one-quarter{left:25%}
.pull--one-quarter{right:25%}
.two-quarters{width:50%}
.push--two-quarters{left:50%}
.pull--two-quarters{right:50%}
.three-quarters{width:75%}
.push--three-quarters{left:75%}
.pull--three-quarters{right:75%}
.one-fifth{width:20%}
.push--one-fifth{left:20%}
.pull--one-fifth{right:20%}
.two-fifths{width:40%}
.push--two-fifths{left:40%}
.pull--two-fifths{right:40%}
.three-fifths{width:60%}
.push--three-fifths{left:60%}
.pull--three-fifths{right:60%}
.four-fifths{width:80%}
.push--four-fifths{left:80%}
.pull--four-fifths{right:80%}
.one-sixth{width:16.666666666666664%}
.push--one-sixth{left:16.666666666666664%}
.pull--one-sixth{right:16.666666666666664%}
.two-sixths{width:33.33333333333333%}
.push--two-sixths{left:33.33333333333333%}
.pull--two-sixths{right:33.33333333333333%}
.three-sixths{width:50%}
.push--three-sixths{left:50%}
.pull--three-sixths{right:50%}
.four-sixths{width:66.66666666666666%}
.push--four-sixths{left:66.66666666666666%}
.pull--four-sixths{right:66.66666666666666%}
.five-sixths{width:83.33333333333334%}
.push--five-sixths{left:83.33333333333334%}
.pull--five-sixths{right:83.33333333333334%}
.one-eighth{width:12.5%}
.push--one-eighth{left:12.5%}
.pull--one-eighth{right:12.5%}
.two-eighths{width:25%}
.push--two-eighths{left:25%}
.pull--two-eighths{right:25%}
.three-eighths{width:37.5%}
.push--three-eighths{left:37.5%}
.pull--three-eighths{right:37.5%}
.four-eighths{width:50%}
.push--four-eighths{left:50%}
.pull--four-eighths{right:50%}
.five-eighths{width:62.5%}
.push--five-eighths{left:62.5%}
.pull--five-eighths{right:62.5%}
.six-eighths{width:75%}
.push--six-eighths{left:75%}
.pull--six-eighths{right:75%}
.seven-eighths{width:87.5%}
.push--seven-eighths{left:87.5%}
.pull--seven-eighths{right:87.5%}
.one-tenth{width:10%}
.push--one-tenth{left:10%}
.pull--one-tenth{right:10%}
.two-tenths{width:20%}
.push--two-tenths{left:20%}
.pull--two-tenths{right:20%}
.three-tenths{width:30%}
.push--three-tenths{left:30%}
.pull--three-tenths{right:30%}
.four-tenths{width:40%}
.push--four-tenths{left:40%}
.pull--four-tenths{right:40%}
.five-tenths{width:50%}
.push--five-tenths{left:50%}
.pull--five-tenths{right:50%}
.six-tenths{width:60%}
.push--six-tenths{left:60%}
.pull--six-tenths{right:60%}
.seven-tenths{width:70%}
.push--seven-tenths{left:70%}
.pull--seven-tenths{right:70%}
.eight-tenths{width:80%}
.push--eight-tenths{left:80%}
.pull--eight-tenths{right:80%}
.nine-tenths{width:90%}
.push--nine-tenths{left:90%}
.pull--nine-tenths{right:90%}
.one-twelfth{width:8.333333333333332%}
.push--one-twelfth{left:8.333333333333332%}
.pull--one-twelfth{right:8.333333333333332%}
.two-twelfths{width:16.666666666666664%}
.push--two-twelfths{left:16.666666666666664%}
.pull--two-twelfths{right:16.666666666666664%}
.three-twelfths{width:25%}
.push--three-twelfths{left:25%}
.pull--three-twelfths{right:25%}
.four-twelfths{width:33.33333333333333%}
.push--four-twelfths{left:33.33333333333333%}
.pull--four-twelfths{right:33.33333333333333%}
.five-twelfths{width:41.66666666666667%}
.push--five-twelfths{left:41.66666666666667%}
.pull--five-twelfths{right:41.66666666666667%}
.six-twelfths{width:50%}
.push--six-twelfths{left:50%}
.pull--six-twelfths{right:50%}
.seven-twelfths{width:58.333333333333336%}
.push--seven-twelfths{left:58.333333333333336%}
.pull--seven-twelfths{right:58.333333333333336%}
.eight-twelfths{width:66.66666666666666%}
.push--eight-twelfths{left:66.66666666666666%}
.pull--eight-twelfths{right:66.66666666666666%}
.nine-twelfths{width:75%}
.push--nine-twelfths{left:75%}
.pull--nine-twelfths{right:75%}
.ten-twelfths{width:83.33333333333334%}
.push--ten-twelfths{left:83.33333333333334%}
.pull--ten-twelfths{right:83.33333333333334%}
.eleven-twelfths{width:91.66666666666666%}
.push--eleven-twelfths{left:91.66666666666666%}
.pull--eleven-twelfths{right:91.66666666666666%}
@media (max-width: 480px){.palm-one-whole{width:100%}
.palm-one-half{width:50%}
.push--palm-one-half{left:50%}
.pull--palm-one-half{right:50%}
.palm-one-third{width:33.33333333333333%}
.push--palm-one-third{left:33.33333333333333%}
.pull--palm-one-third{right:33.33333333333333%}
.palm-two-thirds{width:66.66666666666666%}
.push--palm-two-thirds{left:66.66666666666666%}
.pull--palm-two-thirds{right:66.66666666666666%}
.palm-one-quarter{width:25%}
.push--palm-one-quarter{left:25%}
.pull--palm-one-quarter{right:25%}
.palm-two-quarters{width:50%}
.push--palm-two-quarters{left:50%}
.pull--palm-two-quarters{right:50%}
.palm-three-quarters{width:75%}
.push--palm-three-quarters{left:75%}
.pull--palm-three-quarters{right:75%}
.palm-one-fifth{width:20%}
.push--palm-one-fifth{left:20%}
.pull--palm-one-fifth{right:20%}
.palm-two-fifths{width:40%}
.push--palm-two-fifths{left:40%}
.pull--palm-two-fifths{right:40%}
.palm-three-fifths{width:60%}
.push--palm-three-fifths{left:60%}
.pull--palm-three-fifths{right:60%}
.palm-four-fifths{width:80%}
.push--palm-four-fifths{left:80%}
.pull--palm-four-fifths{right:80%}
.palm-one-sixth{width:16.666666666666664%}
.push--palm-one-sixth{left:16.666666666666664%}
.pull--palm-one-sixth{right:16.666666666666664%}
.palm-two-sixths{width:33.33333333333333%}
.push--palm-two-sixths{left:33.33333333333333%}
.pull--palm-two-sixths{right:33.33333333333333%}
.palm-three-sixths{width:50%}
.push--palm-three-sixths{left:50%}
.pull--palm-three-sixths{right:50%}
.palm-four-sixths{width:66.66666666666666%}
.push--palm-four-sixths{left:66.66666666666666%}
.pull--palm-four-sixths{right:66.66666666666666%}
.palm-five-sixths{width:83.33333333333334%}
.push--palm-five-sixths{left:83.33333333333334%}
.pull--palm-five-sixths{right:83.33333333333334%}
.palm-one-eighth{width:12.5%}
.push--palm-one-eighth{left:12.5%}
.pull--palm-one-eighth{right:12.5%}
.palm-two-eighths{width:25%}
.push--palm-two-eighths{left:25%}
.pull--palm-two-eighths{right:25%}
.palm-three-eighths{width:37.5%}
.push--palm-three-eighths{left:37.5%}
.pull--palm-three-eighths{right:37.5%}
.palm-four-eighths{width:50%}
.push--palm-four-eighths{left:50%}
.pull--palm-four-eighths{right:50%}
.palm-five-eighths{width:62.5%}
.push--palm-five-eighths{left:62.5%}
.pull--palm-five-eighths{right:62.5%}
.palm-six-eighths{width:75%}
.push--palm-six-eighths{left:75%}
.pull--palm-six-eighths{right:75%}
.palm-seven-eighths{width:87.5%}
.push--palm-seven-eighths{left:87.5%}
.pull--palm-seven-eighths{right:87.5%}
.palm-one-tenth{width:10%}
.push--palm-one-tenth{left:10%}
.pull--palm-one-tenth{right:10%}
.palm-two-tenths{width:20%}
.push--palm-two-tenths{left:20%}
.pull--palm-two-tenths{right:20%}
.palm-three-tenths{width:30%}
.push--palm-three-tenths{left:30%}
.pull--palm-three-tenths{right:30%}
.palm-four-tenths{width:40%}
.push--palm-four-tenths{left:40%}
.pull--palm-four-tenths{right:40%}
.palm-five-tenths{width:50%}
.push--palm-five-tenths{left:50%}
.pull--palm-five-tenths{right:50%}
.palm-six-tenths{width:60%}
.push--palm-six-tenths{left:60%}
.pull--palm-six-tenths{right:60%}
.palm-seven-tenths{width:70%}
.push--palm-seven-tenths{left:70%}
.pull--palm-seven-tenths{right:70%}
.palm-eight-tenths{width:80%}
.push--palm-eight-tenths{left:80%}
.pull--palm-eight-tenths{right:80%}
.palm-nine-tenths{width:90%}
.push--palm-nine-tenths{left:90%}
.pull--palm-nine-tenths{right:90%}
.palm-one-twelfth{width:8.333333333333332%}
.push--palm-one-twelfth{left:8.333333333333332%}
.pull--palm-one-twelfth{right:8.333333333333332%}
.palm-two-twelfths{width:16.666666666666664%}
.push--palm-two-twelfths{left:16.666666666666664%}
.pull--palm-two-twelfths{right:16.666666666666664%}
.palm-three-twelfths{width:25%}
.push--palm-three-twelfths{left:25%}
.pull--palm-three-twelfths{right:25%}
.palm-four-twelfths{width:33.33333333333333%}
.push--palm-four-twelfths{left:33.33333333333333%}
.pull--palm-four-twelfths{right:33.33333333333333%}
.palm-five-twelfths{width:41.66666666666667%}
.push--palm-five-twelfths{left:41.66666666666667%}
.pull--palm-five-twelfths{right:41.66666666666667%}
.palm-six-twelfths{width:50%}
.push--palm-six-twelfths{left:50%}
.pull--palm-six-twelfths{right:50%}
.palm-seven-twelfths{width:58.333333333333336%}
.push--palm-seven-twelfths{left:58.333333333333336%}
.pull--palm-seven-twelfths{right:58.333333333333336%}
.palm-eight-twelfths{width:66.66666666666666%}
.push--palm-eight-twelfths{left:66.66666666666666%}
.pull--palm-eight-twelfths{right:66.66666666666666%}
.palm-nine-twelfths{width:75%}
.push--palm-nine-twelfths{left:75%}
.pull--palm-nine-twelfths{right:75%}
.palm-ten-twelfths{width:83.33333333333334%}
.push--palm-ten-twelfths{left:83.33333333333334%}
.pull--palm-ten-twelfths{right:83.33333333333334%}
.palm-eleven-twelfths{width:91.66666666666666%}
.push--palm-eleven-twelfths{left:91.66666666666666%}
.pull--palm-eleven-twelfths{right:91.66666666666666%}
}@media (min-width: 481px) and (max-width: 1023px){.lap-one-whole{width:100%}
.lap-one-half{width:50%}
.push--lap-one-half{left:50%}
.pull--lap-one-half{right:50%}
.lap-one-third{width:33.33333333333333%}
.push--lap-one-third{left:33.33333333333333%}
.pull--lap-one-third{right:33.33333333333333%}
.lap-two-thirds{width:66.66666666666666%}
.push--lap-two-thirds{left:66.66666666666666%}
.pull--lap-two-thirds{right:66.66666666666666%}
.lap-one-quarter{width:25%}
.push--lap-one-quarter{left:25%}
.pull--lap-one-quarter{right:25%}
.lap-two-quarters{width:50%}
.push--lap-two-quarters{left:50%}
.pull--lap-two-quarters{right:50%}
.lap-three-quarters{width:75%}
.push--lap-three-quarters{left:75%}
.pull--lap-three-quarters{right:75%}
.lap-one-fifth{width:20%}
.push--lap-one-fifth{left:20%}
.pull--lap-one-fifth{right:20%}
.lap-two-fifths{width:40%}
.push--lap-two-fifths{left:40%}
.pull--lap-two-fifths{right:40%}
.lap-three-fifths{width:60%}
.push--lap-three-fifths{left:60%}
.pull--lap-three-fifths{right:60%}
.lap-four-fifths{width:80%}
.push--lap-four-fifths{left:80%}
.pull--lap-four-fifths{right:80%}
.lap-one-sixth{width:16.666666666666664%}
.push--lap-one-sixth{left:16.666666666666664%}
.pull--lap-one-sixth{right:16.666666666666664%}
.lap-two-sixths{width:33.33333333333333%}
.push--lap-two-sixths{left:33.33333333333333%}
.pull--lap-two-sixths{right:33.33333333333333%}
.lap-three-sixths{width:50%}
.push--lap-three-sixths{left:50%}
.pull--lap-three-sixths{right:50%}
.lap-four-sixths{width:66.66666666666666%}
.push--lap-four-sixths{left:66.66666666666666%}
.pull--lap-four-sixths{right:66.66666666666666%}
.lap-five-sixths{width:83.33333333333334%}
.push--lap-five-sixths{left:83.33333333333334%}
.pull--lap-five-sixths{right:83.33333333333334%}
.lap-one-eighth{width:12.5%}
.push--lap-one-eighth{left:12.5%}
.pull--lap-one-eighth{right:12.5%}
.lap-two-eighths{width:25%}
.push--lap-two-eighths{left:25%}
.pull--lap-two-eighths{right:25%}
.lap-three-eighths{width:37.5%}
.push--lap-three-eighths{left:37.5%}
.pull--lap-three-eighths{right:37.5%}
.lap-four-eighths{width:50%}
.push--lap-four-eighths{left:50%}
.pull--lap-four-eighths{right:50%}
.lap-five-eighths{width:62.5%}
.push--lap-five-eighths{left:62.5%}
.pull--lap-five-eighths{right:62.5%}
.lap-six-eighths{width:75%}
.push--lap-six-eighths{left:75%}
.pull--lap-six-eighths{right:75%}
.lap-seven-eighths{width:87.5%}
.push--lap-seven-eighths{left:87.5%}
.pull--lap-seven-eighths{right:87.5%}
.lap-one-tenth{width:10%}
.push--lap-one-tenth{left:10%}
.pull--lap-one-tenth{right:10%}
.lap-two-tenths{width:20%}
.push--lap-two-tenths{left:20%}
.pull--lap-two-tenths{right:20%}
.lap-three-tenths{width:30%}
.push--lap-three-tenths{left:30%}
.pull--lap-three-tenths{right:30%}
.lap-four-tenths{width:40%}
.push--lap-four-tenths{left:40%}
.pull--lap-four-tenths{right:40%}
.lap-five-tenths{width:50%}
.push--lap-five-tenths{left:50%}
.pull--lap-five-tenths{right:50%}
.lap-six-tenths{width:60%}
.push--lap-six-tenths{left:60%}
.pull--lap-six-tenths{right:60%}
.lap-seven-tenths{width:70%}
.push--lap-seven-tenths{left:70%}
.pull--lap-seven-tenths{right:70%}
.lap-eight-tenths{width:80%}
.push--lap-eight-tenths{left:80%}
.pull--lap-eight-tenths{right:80%}
.lap-nine-tenths{width:90%}
.push--lap-nine-tenths{left:90%}
.pull--lap-nine-tenths{right:90%}
.lap-one-twelfth{width:8.333333333333332%}
.push--lap-one-twelfth{left:8.333333333333332%}
.pull--lap-one-twelfth{right:8.333333333333332%}
.lap-two-twelfths{width:16.666666666666664%}
.push--lap-two-twelfths{left:16.666666666666664%}
.pull--lap-two-twelfths{right:16.666666666666664%}
.lap-three-twelfths{width:25%}
.push--lap-three-twelfths{left:25%}
.pull--lap-three-twelfths{right:25%}
.lap-four-twelfths{width:33.33333333333333%}
.push--lap-four-twelfths{left:33.33333333333333%}
.pull--lap-four-twelfths{right:33.33333333333333%}
.lap-five-twelfths{width:41.66666666666667%}
.push--lap-five-twelfths{left:41.66666666666667%}
.pull--lap-five-twelfths{right:41.66666666666667%}
.lap-six-twelfths{width:50%}
.push--lap-six-twelfths{left:50%}
.pull--lap-six-twelfths{right:50%}
.lap-seven-twelfths{width:58.333333333333336%}
.push--lap-seven-twelfths{left:58.333333333333336%}
.pull--lap-seven-twelfths{right:58.333333333333336%}
.lap-eight-twelfths{width:66.66666666666666%}
.push--lap-eight-twelfths{left:66.66666666666666%}
.pull--lap-eight-twelfths{right:66.66666666666666%}
.lap-nine-twelfths{width:75%}
.push--lap-nine-twelfths{left:75%}
.pull--lap-nine-twelfths{right:75%}
.lap-ten-twelfths{width:83.33333333333334%}
.push--lap-ten-twelfths{left:83.33333333333334%}
.pull--lap-ten-twelfths{right:83.33333333333334%}
.lap-eleven-twelfths{width:91.66666666666666%}
.push--lap-eleven-twelfths{left:91.66666666666666%}
.pull--lap-eleven-twelfths{right:91.66666666666666%}
}@media (max-width: 1023px){.portable-one-whole{width:100%}
.portable-one-half{width:50%}
.push--portable-one-half{left:50%}
.pull--portable-one-half{right:50%}
.portable-one-third{width:33.33333333333333%}
.push--portable-one-third{left:33.33333333333333%}
.pull--portable-one-third{right:33.33333333333333%}
.portable-two-thirds{width:66.66666666666666%}
.push--portable-two-thirds{left:66.66666666666666%}
.pull--portable-two-thirds{right:66.66666666666666%}
.portable-one-quarter{width:25%}
.push--portable-one-quarter{left:25%}
.pull--portable-one-quarter{right:25%}
.portable-two-quarters{width:50%}
.push--portable-two-quarters{left:50%}
.pull--portable-two-quarters{right:50%}
.portable-three-quarters{width:75%}
.push--portable-three-quarters{left:75%}
.pull--portable-three-quarters{right:75%}
.portable-one-fifth{width:20%}
.push--portable-one-fifth{left:20%}
.pull--portable-one-fifth{right:20%}
.portable-two-fifths{width:40%}
.push--portable-two-fifths{left:40%}
.pull--portable-two-fifths{right:40%}
.portable-three-fifths{width:60%}
.push--portable-three-fifths{left:60%}
.pull--portable-three-fifths{right:60%}
.portable-four-fifths{width:80%}
.push--portable-four-fifths{left:80%}
.pull--portable-four-fifths{right:80%}
.portable-one-sixth{width:16.666666666666664%}
.push--portable-one-sixth{left:16.666666666666664%}
.pull--portable-one-sixth{right:16.666666666666664%}
.portable-two-sixths{width:33.33333333333333%}
.push--portable-two-sixths{left:33.33333333333333%}
.pull--portable-two-sixths{right:33.33333333333333%}
.portable-three-sixths{width:50%}
.push--portable-three-sixths{left:50%}
.pull--portable-three-sixths{right:50%}
.portable-four-sixths{width:66.66666666666666%}
.push--portable-four-sixths{left:66.66666666666666%}
.pull--portable-four-sixths{right:66.66666666666666%}
.portable-five-sixths{width:83.33333333333334%}
.push--portable-five-sixths{left:83.33333333333334%}
.pull--portable-five-sixths{right:83.33333333333334%}
.portable-one-eighth{width:12.5%}
.push--portable-one-eighth{left:12.5%}
.pull--portable-one-eighth{right:12.5%}
.portable-two-eighths{width:25%}
.push--portable-two-eighths{left:25%}
.pull--portable-two-eighths{right:25%}
.portable-three-eighths{width:37.5%}
.push--portable-three-eighths{left:37.5%}
.pull--portable-three-eighths{right:37.5%}
.portable-four-eighths{width:50%}
.push--portable-four-eighths{left:50%}
.pull--portable-four-eighths{right:50%}
.portable-five-eighths{width:62.5%}
.push--portable-five-eighths{left:62.5%}
.pull--portable-five-eighths{right:62.5%}
.portable-six-eighths{width:75%}
.push--portable-six-eighths{left:75%}
.pull--portable-six-eighths{right:75%}
.portable-seven-eighths{width:87.5%}
.push--portable-seven-eighths{left:87.5%}
.pull--portable-seven-eighths{right:87.5%}
.portable-one-tenth{width:10%}
.push--portable-one-tenth{left:10%}
.pull--portable-one-tenth{right:10%}
.portable-two-tenths{width:20%}
.push--portable-two-tenths{left:20%}
.pull--portable-two-tenths{right:20%}
.portable-three-tenths{width:30%}
.push--portable-three-tenths{left:30%}
.pull--portable-three-tenths{right:30%}
.portable-four-tenths{width:40%}
.push--portable-four-tenths{left:40%}
.pull--portable-four-tenths{right:40%}
.portable-five-tenths{width:50%}
.push--portable-five-tenths{left:50%}
.pull--portable-five-tenths{right:50%}
.portable-six-tenths{width:60%}
.push--portable-six-tenths{left:60%}
.pull--portable-six-tenths{right:60%}
.portable-seven-tenths{width:70%}
.push--portable-seven-tenths{left:70%}
.pull--portable-seven-tenths{right:70%}
.portable-eight-tenths{width:80%}
.push--portable-eight-tenths{left:80%}
.pull--portable-eight-tenths{right:80%}
.portable-nine-tenths{width:90%}
.push--portable-nine-tenths{left:90%}
.pull--portable-nine-tenths{right:90%}
.portable-one-twelfth{width:8.333333333333332%}
.push--portable-one-twelfth{left:8.333333333333332%}
.pull--portable-one-twelfth{right:8.333333333333332%}
.portable-two-twelfths{width:16.666666666666664%}
.push--portable-two-twelfths{left:16.666666666666664%}
.pull--portable-two-twelfths{right:16.666666666666664%}
.portable-three-twelfths{width:25%}
.push--portable-three-twelfths{left:25%}
.pull--portable-three-twelfths{right:25%}
.portable-four-twelfths{width:33.33333333333333%}
.push--portable-four-twelfths{left:33.33333333333333%}
.pull--portable-four-twelfths{right:33.33333333333333%}
.portable-five-twelfths{width:41.66666666666667%}
.push--portable-five-twelfths{left:41.66666666666667%}
.pull--portable-five-twelfths{right:41.66666666666667%}
.portable-six-twelfths{width:50%}
.push--portable-six-twelfths{left:50%}
.pull--portable-six-twelfths{right:50%}
.portable-seven-twelfths{width:58.333333333333336%}
.push--portable-seven-twelfths{left:58.333333333333336%}
.pull--portable-seven-twelfths{right:58.333333333333336%}
.portable-eight-twelfths{width:66.66666666666666%}
.push--portable-eight-twelfths{left:66.66666666666666%}
.pull--portable-eight-twelfths{right:66.66666666666666%}
.portable-nine-twelfths{width:75%}
.push--portable-nine-twelfths{left:75%}
.pull--portable-nine-twelfths{right:75%}
.portable-ten-twelfths{width:83.33333333333334%}
.push--portable-ten-twelfths{left:83.33333333333334%}
.pull--portable-ten-twelfths{right:83.33333333333334%}
.portable-eleven-twelfths{width:91.66666666666666%}
.push--portable-eleven-twelfths{left:91.66666666666666%}
.pull--portable-eleven-twelfths{right:91.66666666666666%}
}@media (min-width: 1024px){.desk-one-whole{width:100%}
.desk-one-half{width:50%}
.push--desk-one-half{left:50%}
.pull--desk-one-half{right:50%}
.desk-one-third{width:33.33333333333333%}
.push--desk-one-third{left:33.33333333333333%}
.pull--desk-one-third{right:33.33333333333333%}
.desk-two-thirds{width:66.66666666666666%}
.push--desk-two-thirds{left:66.66666666666666%}
.pull--desk-two-thirds{right:66.66666666666666%}
.desk-one-quarter{width:25%}
.push--desk-one-quarter{left:25%}
.pull--desk-one-quarter{right:25%}
.desk-two-quarters{width:50%}
.push--desk-two-quarters{left:50%}
.pull--desk-two-quarters{right:50%}
.desk-three-quarters{width:75%}
.push--desk-three-quarters{left:75%}
.pull--desk-three-quarters{right:75%}
.desk-one-fifth{width:20%}
.push--desk-one-fifth{left:20%}
.pull--desk-one-fifth{right:20%}
.desk-two-fifths{width:40%}
.push--desk-two-fifths{left:40%}
.pull--desk-two-fifths{right:40%}
.desk-three-fifths{width:60%}
.push--desk-three-fifths{left:60%}
.pull--desk-three-fifths{right:60%}
.desk-four-fifths{width:80%}
.push--desk-four-fifths{left:80%}
.pull--desk-four-fifths{right:80%}
.desk-one-sixth{width:16.666666666666664%}
.push--desk-one-sixth{left:16.666666666666664%}
.pull--desk-one-sixth{right:16.666666666666664%}
.desk-two-sixths{width:33.33333333333333%}
.push--desk-two-sixths{left:33.33333333333333%}
.pull--desk-two-sixths{right:33.33333333333333%}
.desk-three-sixths{width:50%}
.push--desk-three-sixths{left:50%}
.pull--desk-three-sixths{right:50%}
.desk-four-sixths{width:66.66666666666666%}
.push--desk-four-sixths{left:66.66666666666666%}
.pull--desk-four-sixths{right:66.66666666666666%}
.desk-five-sixths{width:83.33333333333334%}
.push--desk-five-sixths{left:83.33333333333334%}
.pull--desk-five-sixths{right:83.33333333333334%}
.desk-one-eighth{width:12.5%}
.push--desk-one-eighth{left:12.5%}
.pull--desk-one-eighth{right:12.5%}
.desk-two-eighths{width:25%}
.push--desk-two-eighths{left:25%}
.pull--desk-two-eighths{right:25%}
.desk-three-eighths{width:37.5%}
.push--desk-three-eighths{left:37.5%}
.pull--desk-three-eighths{right:37.5%}
.desk-four-eighths{width:50%}
.push--desk-four-eighths{left:50%}
.pull--desk-four-eighths{right:50%}
.desk-five-eighths{width:62.5%}
.push--desk-five-eighths{left:62.5%}
.pull--desk-five-eighths{right:62.5%}
.desk-six-eighths{width:75%}
.push--desk-six-eighths{left:75%}
.pull--desk-six-eighths{right:75%}
.desk-seven-eighths{width:87.5%}
.push--desk-seven-eighths{left:87.5%}
.pull--desk-seven-eighths{right:87.5%}
.desk-one-tenth{width:10%}
.push--desk-one-tenth{left:10%}
.pull--desk-one-tenth{right:10%}
.desk-two-tenths{width:20%}
.push--desk-two-tenths{left:20%}
.pull--desk-two-tenths{right:20%}
.desk-three-tenths{width:30%}
.push--desk-three-tenths{left:30%}
.pull--desk-three-tenths{right:30%}
.desk-four-tenths{width:40%}
.push--desk-four-tenths{left:40%}
.pull--desk-four-tenths{right:40%}
.desk-five-tenths{width:50%}
.push--desk-five-tenths{left:50%}
.pull--desk-five-tenths{right:50%}
.desk-six-tenths{width:60%}
.push--desk-six-tenths{left:60%}
.pull--desk-six-tenths{right:60%}
.desk-seven-tenths{width:70%}
.push--desk-seven-tenths{left:70%}
.pull--desk-seven-tenths{right:70%}
.desk-eight-tenths{width:80%}
.push--desk-eight-tenths{left:80%}
.pull--desk-eight-tenths{right:80%}
.desk-nine-tenths{width:90%}
.push--desk-nine-tenths{left:90%}
.pull--desk-nine-tenths{right:90%}
.desk-one-twelfth{width:8.333333333333332%}
.push--desk-one-twelfth{left:8.333333333333332%}
.pull--desk-one-twelfth{right:8.333333333333332%}
.desk-two-twelfths{width:16.666666666666664%}
.push--desk-two-twelfths{left:16.666666666666664%}
.pull--desk-two-twelfths{right:16.666666666666664%}
.desk-three-twelfths{width:25%}
.push--desk-three-twelfths{left:25%}
.pull--desk-three-twelfths{right:25%}
.desk-four-twelfths{width:33.33333333333333%}
.push--desk-four-twelfths{left:33.33333333333333%}
.pull--desk-four-twelfths{right:33.33333333333333%}
.desk-five-twelfths{width:41.66666666666667%}
.push--desk-five-twelfths{left:41.66666666666667%}
.pull--desk-five-twelfths{right:41.66666666666667%}
.desk-six-twelfths{width:50%}
.push--desk-six-twelfths{left:50%}
.pull--desk-six-twelfths{right:50%}
.desk-seven-twelfths{width:58.333333333333336%}
.push--desk-seven-twelfths{left:58.333333333333336%}
.pull--desk-seven-twelfths{right:58.333333333333336%}
.desk-eight-twelfths{width:66.66666666666666%}
.push--desk-eight-twelfths{left:66.66666666666666%}
.pull--desk-eight-twelfths{right:66.66666666666666%}
.desk-nine-twelfths{width:75%}
.push--desk-nine-twelfths{left:75%}
.pull--desk-nine-twelfths{right:75%}
.desk-ten-twelfths{width:83.33333333333334%}
.push--desk-ten-twelfths{left:83.33333333333334%}
.pull--desk-ten-twelfths{right:83.33333333333334%}
.desk-eleven-twelfths{width:91.66666666666666%}
.push--desk-eleven-twelfths{left:91.66666666666666%}
.pull--desk-eleven-twelfths{right:91.66666666666666%}
}