.grid {
        /*
    @media all and (min-width: 768px){
        max-width:720px;
    }
    @media all and (min-width: 1024px){
        max-width:980px;
    }*/
    /*margin:30px auto;*/
    max-width: 62em;
    margin: 0 auto;
}

[class*="column-"]{
    margin-bottom:1%;
    min-height:5px;
    /*border:1px solid rgba(0,0,0, .08);
    background:rgba(0,0,0,.08);*/
    
    text-align: left;
}

.row{ 
  list-style: none;
  margin: 0;
  padding: 0;
}

.row.row--center {
  justify-content: center;
}

.row--center  [class*="column-"] {
  flex-grow: 0;
  flex-shrink: 0;
}
 
@media all and (min-width: 480px){
    .row{
        display: -webkit-box;
        display: -moz-box;  
        display:-ms-flexbox; 
        display:-webkit-flex; 
        display:flex; 
        width:100%;  
    }
    [class*="column-"]{
        margin-right:1%;
    }
        [class*="column-"]:last-child{
                margin-right:0;
        }

        /*.column-1-5{
        -webkit-box-flex: .5;
        -moz-box-flex:.5;
        -ms-flex:.5;
        -webkit-flex:.5;
        flex:.5;
    }*/

    /*.column-1{
        -webkit-box-flex: 1;
        -moz-box-flex:1;
        -ms-flex:1;
        -webkit-flex:1;
        flex:1;
    }
    .column-2{
        -webkit-box-flex: 2;
        -moz-box-flex:2;
        -ms-flex:2;
        -webkit-flex:2;
        flex:2;
    }
    .column-3{
        -webkit-box-flex: 3;
        -moz-box-flex:3;
        -ms-flex:3;
        -webkit-flex:3;
        flex:3;
    }
    .column-4{
        -webkit-box-flex: 4;
        -moz-box-flex:4;
        -ms-flex:4;
        -webkit-flex:4;
        flex:4;
    }
    .column-5{
        -webkit-box-flex: 5;
        -moz-box-flex:5;
        -ms-flex:5;
        -webkit-flex:5;
        flex:5;
    }
    .column-6{
        -webkit-box-flex: 6;
        -moz-box-flex:6;
        -ms-flex:6;
        -webkit-flex:6;
        flex:6;
    }
    .column-7{
        -webkit-box-flex: 7;
        -moz-box-flex:7;
        -ms-flex:7;
        -webkit-flex:7;
        flex:7;
    }
    .column-8{
        -webkit-box-flex: 8;
        -moz-box-flex:8;
        -ms-flex:8;
        -webkit-flex:8;
        flex:8;
    }
    .column-9{
        -webkit-box-flex: 9;
        -moz-box-flex:9;
        -ms-flex:9;
        -webkit-flex:9;
        flex:9;
    }
    .column-10{
        -webkit-box-flex: 10;
        -moz-box-flex:10;
        -ms-flex:10;
        -webkit-flex:10;
        flex:10;
    }
    .column-11{
        -webkit-box-flex: 11;
        -moz-box-flex:11;
        -ms-flex:11;
        -webkit-flex:11;
        flex:11;
    }
    .column-12{
        -webkit-box-flex: 12;
        -moz-box-flex:12;
        -ms-flex:12;
        -webkit-flex:12;
        flex:12;
    }*/

    
    .column-1 {        
      flex-basis: 8.3333%;
    }

    .column-2 {
      flex-basis: 16.6666%; 
    }

    .column-3 {
      flex-basis: 25%;
    }

    .column-4 {
      flex-basis: 33.3333%;
    }

    .column-5 {
      flex-basis: 41.6666%;
    }

    .column-6 {
      flex-basis: 50%;
    }

    .column-7 {
      flex-basis: 58.3333%;
    }

    .column-8 {
      flex-basis: 66.6666%;
    }

    .column-9 {
      flex-basis: 75%;
    }

    .column-10 {
      flex-basis: 83.3333%;
    }

    .column-11 {
      flex-basis: 91.6666%;
    }

    .column-12 {
      flex-basis: 100%;
    }

}