.template-kit-preview{
    background:#e9e9e9;
    color:rgba(0,0,0,0.75);
    font:1em/1.67 Arial,Sans-serif;
    margin:0;
    padding:.5em
}
 .template-kit-preview__title{
    font-size:2em
}
 .template-kit-preview__grid{
    -webkit-transition:all .5s ease-in-out;
    transition:all .5s ease-in-out;
    -webkit-column-gap:30px;
    -moz-column-gap:30px;
    column-gap:30px;
    -webkit-column-fill:initial;
    -moz-column-fill:initial;
    column-fill:initial
}
 .template-kit-preview__template{
    display:inline-block;
    vertical-align:top;
    background:#fff;
    padding:1em;
    margin:0 0 1.5em;
    width:100%;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    -webkit-box-shadow:0 1px 1px 0 rgba(0,0,0,0.18);
    box-shadow:0 1px 1px 0 rgba(0,0,0,0.18);
    border-radius:3px;
    min-height:100px
}
 .template-kit-preview__screenshot{
    padding:0;
    margin:0;
    line-height:0
}
 .template-kit-preview__name{
    text-decoration:none;
    text-align:center;
    padding:10px
}
 @media(min-width:400px){
    .template-kit-preview__grid{
        -webkit-column-count:2;
        -moz-column-count:2;
        column-count:2
    }
}
@media(min-width:800px){
    .template-kit-preview{
        padding:1em 2em
    }
     .template-kit-preview__grid{
        -webkit-column-count:4;
        -moz-column-count:4;
        column-count:4
    }
}