/*!
 * Gridpak Beta CSS
 *
 * Generator - http://gridpak.com/
 * Created by @erskinedesign
 */



/* Reusable column setup */
.col {
    border:0px solid rgba(0,0,0,0);
    float:left;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    -moz-background-clip:padding-box !important;
    -webkit-background-clip:padding-box !important;
    background-clip:padding-box !important;
}



    /* 1. 12 Column Grid 0px - Infinity
    -----------------------------------------------------------------------------

    Span 1:    8.33333333333%
    Span 2:    16.6666666667%
    Span 3:    25.0%
    Span 4:    33.3333333333%
    Span 5:    41.6666666667%
    Span 6:    50.0%
    Span 7:    58.3333333333%
    Span 8:    66.6666666667%
    Span 9:    75.0%
    Span 10:    83.3333333333%
    Span 11:    91.6666666667%
    Span 12:    100%

    ----------------------------------------------------------------------------- */

/*     @media screen and (min-width: 0px) { */

        .row {
            margin-left:-50px;
        }
        .col {
          border-left-width:50px; border-left-color: transparent; border-left-style: solid;
        	padding:0 0px;
        }



        /*
        Add your semantic classnames in alongside their corresponding spans here. e.g.

        .span_3,
        .my_semantic_class_name {
            ...
        }
        */

        .span_1 {
            width:8.33333333333%;
        }
        .span_2 {
            width:16.6666666667%;
        }
        .span_3 {
            width:25.0%;
        }
        .span_4 {
            width:33.3333333333%;
        }
        .span_5 {
            width:41.6666666667%;
        }
        .span_6 {
            width:50.0%;
        }
        .span_7 {
            width:58.3333333333%;
        }
        .span_8 {
            width:66.6666666667%;
        }
        .span_9 {
            width:75.0%;
        }
        .span_10 {
            width:83.3333333333%;
        }
        .span_11 {
            width:91.6666666667%;
        }
        .span_12 {
            margin-left:0;
            width:100%;
        }


        /* Drugi grid - 16 */

        .span_1_b {
            width:6.25%;
        }
        .span_2_b {
            width:12.50%;
        }
        .span_3_b {
            width:18.75%;
        }
        .span_4_b {
            width:25%;
        }
        .span_5_b {
            width:31.25%;
        }
        .span_6_b {
            width:37.50%;
        }
        .span_7_b {
            width:43.75%;
        }
        .span_8_b {
            width:50%;
        }
        .span_9_b {
            width:56.25%;
        }
        .span_10_b {
            width:62.50%;
        }
        .span_11_b {
            width:68.75%;
        }
        .span_12_b {
            margin-left:0;
            width:75%;
        }
        .span_13_b {
            margin-left:0;
            width:81.25%;
        }
        .span_14_b {
            margin-left:0;
            width:87.50%;
        }
        .span_15_b {
            margin-left:0;
            width:93.75%;
        }
        .span_16_b {
            margin-left:0;
            width:100%;
        }


/*     } */