/*!
 * Gridpak Beta CSS
 *
 * Generator - http://gridpak.com/
 * Created by @erskinedesign
 */
 
     @media screen and (min-width: 1px) {


/* 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;
}

.col_right {float:right;}
.top_margin {margin-top:40px;}
.go_right {text-align:right;}
    /* 1. 24 Column Grid 0px - Infinity 
    ----------------------------------------------------------------------------- 
    
    Span 1:    4.16666666667%
    Span 2:    8.33333333333%
    Span 3:    12.5%
    Span 4:    16.6666666667%
    Span 5:    20.8333333333%
    Span 6:    25.0%
    Span 7:    29.1666666667%
    Span 8:    33.3333333333%
    Span 9:    37.5%
    Span 10:    41.6666666667%
    Span 11:    45.8333333333%
    Span 12:    50.0%
    Span 13:    54.1666666667%
    Span 14:    58.3333333333%
    Span 15:    62.5%
    Span 16:    66.6666666667%
    Span 17:    70.8333333333%
    Span 18:    75.0%
    Span 19:    79.1666666667%
    Span 20:    83.3333333333%
    Span 21:    87.5%
    Span 22:    91.6666666667%
    Span 23:    95.8333333333%
    Span 24:    100%
    
    ----------------------------------------------------------------------------- */

        
        .col {
            margin-left:0%;
        	padding:0;
        }
        .i0,
        .row .col:first-child {
            margin-left:0;
        }
.padding_left {padding-left:40px;}
        
        
        /*
        Add your semantic classnames in alongside their corresponding spans here. e.g.
        
        .span_3,
        .my_semantic_class_name {
            ...
        }
        */
        
        .span_1 {
            width:4.16666666667%;
        }
        .span_2 {
            width:8.33333333333%;
        }
        .span_3 {
            width:12.5%;
        }
        .span_4 {
            width:16.6666666667%;
        }
		.span_fifth {
			width:20%;	
			padding-bottom:25px;
		}
        .span_5 {
            width:20.8333333333%;
        }
        .span_6 {
            width:25.0%;
        }
        .span_7 {
            width:29.1666666667%;
        }
        .span_8 {
            width:33.3333333333%;
        }
        .span_9 {
            width:37.5%;
        }
        .span_10 {
            width:41.6666666667%;
        }
        .span_11 {
            width:45.8333333333%;
        }
        .span_12 {
            width:50.0%;
        }
        .span_13 {
            width:54.1666666667%;
        }
        .span_14 {
            width:58.3333333333%;
        }
        .span_15 {
            width:62.5%;
        }
        .span_16 {
            width:66.6666666667%;
        }
        .span_17 {
            width:70.8333333333%;
        }
        .span_18 {
            width:75.0%;
        }
        .span_19 {
            width:79.1666666667%;
        }
        .span_20 {
            width:83.3333333333%;
        }
        .span_21 {
            width:87.5%;
        }
        .span_22 {
            width:91.6666666667%;
        }
        .span_23 {
            width:95.8333333333%;
        }
        .span_24 {
            margin-left:0;
            width:100%;
        }
    }

