/* small */
/* 640px / 16px =  40em */
@media (min-width: 40em) {

    .column.s-one {
        width: 6.25%;
    }

    .column.s-two {
        width: 12.5%;
    }

    .column.s-three {
        width: 18.75%;
    }

    .column.s-four {
        width: 25%;
    }

    .column.s-five {
        width: 31.25%;
    }

    .column.s-six {
        width: 37.5%;
    }

    .column.s-seven {
        width: 43.75%;
    }

    .column.s-eight {
        width: 50%;
    }

    .column.s-nine {
        width: 56.25%;
    }

    .column.s-ten {
        width: 62.5%;
    }

    .column.s-eleven {
        width: 68.75%;
    }

    .column.s-twelve {
        width: 75%;
    }

    .column.s-thirteen {
        width: 81.25%;
    }

    .column.s-fourteen {
        width: 87.5%;
    }

    .column.s-fifteen {
        width: 93.75%;
    }

    .column.s-sixteen {
        width: 100%;
    }


    .column.s-third {
        width: 33.333%;
    }

    .column.s-fifth {
        width: 20%;
    }

    .column.s-sixth {
        width: 16.666%;
    }

    .column.s-seventh {
        width: 14.285%;
    }

    .column.s-ninth {
        width: 11.111%;
    }
    

    /* 20*16 = 320px */
    .column.s-e20 {
        width: 20rem;
    }

    /* 40*16 = 640px */
    .column.s-e40 {
      width: 40rem;
    }

    /* 60*16 = 960px */
    .column.s-e60 {
        width: 60rem;
    }

    /* 80*16 = 1280px */
    .column.s-e80 {
      width: 80rem;
    }

    /* 100*16 = 1600px */
    .column.s-e100 {
      width: 100rem;
    }

    /* 120*16 = 1920px */
    .column.s-e120 {
      width: 120rem;
    }


    .column.s-offset-zero {
        margin-left: 0;
    }

    .column.s-offset-one {
        margin-left: 6.25%;
    }

    .column.s-offset-two {
        margin-left: 12.5%;
    }

    .column.s-offset-three {
        margin-left: 18.75%;
    }

    .column.s-offset-four {
        margin-left: 25%;
    }

    .column.s-offset-five {
        margin-left: 31.25%;
    }

    .column.s-offset-six {
        margin-left: 37.5%;
    }

    .column.s-offset-seven {
        margin-left: 43.75%;
    }

    .column.s-offset-eight {
        margin-left: 50%;
    }

    .column.s-offset-nine {
        margin-left: 56.25%;
    }

    .column.s-offset-ten {
        margin-left: 62.5%;
    }

    .column.s-offset-eleven {
        margin-left: 68.75%;
    }

    .column.s-offset-twelve {
        margin-left: 75%;
    }

    .column.s-offset-thirteen {
        margin-left: 81.25%;
    }

    .column.s-offset-fourteen {
        margin-left: 87.5%;
    }

    .column.s-offset-fifteen {
        margin-left: 93.75%;
    }

    .column.s-offset-sixteen {
        margin-left: 100%;
    }


    .column.s-push-zero {
       left: 0;
    }

    .column.s-push-one {
       left: 6.25%;
    }

    .column.s-push-two {
       left: 12.5%;
    }

    .column.s-push-three {
       left: 18.75%;
    }

    .column.s-push-four {
       left: 25%;
    }

    .column.s-push-five {
       left: 31.25%;
    }

    .column.s-push-six {
       left: 37.5%;
    }

    .column.s-push-seven {
       left: 43.75%;
    }

    .column.s-push-eight {
       left: 50%;
    }

    .column.s-push-nine {
       left: 56.25%;
    }

    .column.s-push-ten {
       left: 62.5%;
    }

    .column.s-push-eleven {
       left: 68.75%;
    }

    .column.s-push-twelve {
       left: 75%;
    }

    .column.s-push-thirteen {
       left: 81.25%;
    }

    .column.s-push-fourteen {
       left: 87.5%;
    }

    .column.s-push-fifteen {
       left: 93.75%;
    }

    .column.s-push-sixteen {
       left: 100%;
    }


    .column.s-pull-zero {
       right: 0;
    }

    .column.s-pull-one {
       right: 6.25%;
    }

    .column.s-pull-two {
       right: 12.5%;
    }

    .column.s-pull-three {
       right: 18.75%;
    }

    .column.s-pull-four {
       right: 25%;
    }

    .column.s-pull-five {
       right: 31.25%;
    }

    .column.s-pull-six {
       right: 37.5%;
    }

    .column.s-pull-seven {
       right: 43.75%;
    }

    .column.s-pull-eight {
       right: 50%;
    }

    .column.s-pull-nine {
       right: 56.25%;
    }

    .column.s-pull-ten {
       right: 62.5%;
    }

    .column.s-pull-eleven {
       right: 68.75%;
    }

    .column.s-pull-twelve {
       right: 75%;
    }

    .column.s-pull-thirteen {
       right: 81.25%;
    }

    .column.s-pull-fourteen {
       right: 87.5%;
    }

    .column.s-pull-fifteen {
       right: 93.75%;
    }

    .column.s-pull-sixteen {
       right: 100%;
    }



    .s-block {
        display: block;
    }

    .s-inline-block {
        display: inline-block;
    }

    .s-inline {
        display: inline;
    }

    ul.s-inline, ol.s-inline, dl.s-inline {
        display: block;
    }


    /*Utilities for common CSS-based behavior*/
    .s-hidden {
        display: none;
    }
}