Css useful in printing for showing elements in 12 row grid

PrintGrid.css

.row {
        width:100%;
    }

    .column,
    .columns {
        width: 100%;
        float: left;
        margin-bottom: 2px;
    }

    .medium-1 {
        width: 8.3333333333%;
    }
    .medium-2 {
        width: 16.6666666667%;
    }
    .medium-3 {
        width: 25%;
    }
    .medium-4 {
        width: 33.3333333333%;
    }
    .medium-5 {
        width: 41.6666666667%;
    }
    .medium-6 {
        width: 50%;
    }
    .medium-7 {
        width: 58.3333333333%;
    }
    .medium-8 {
        width: 66.6666666667%;
    }
    .medium-9 {
        width: 75%;
    }
    .medium-10 {
        width: 83.3333333333%;
    }
    .medium-11 {
        width: 91.6666666667%;
    }
    .medium-12 {
        width: 100%;
    }

    span{
        font-weight:bold;
    }

    p{
        margin:0;
    }

    .text-left {
        text-align : left;
    }

    .text-right {
        text-align: right;
    }

    .text-center {
        text-align : center;
    }

    .clearfix {
        clear : both;
    }