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





    /* 1. 1 Column Grid 0px - 499px 
    ----------------------------------------------------------------------------- 
    
    Span 1:    100%
    
    ----------------------------------------------------------------------------- */

    @media screen and (min-width: 0px) and (max-width: 499px) {
        
        .col {
            margin-left:2%;
        	padding:0 1.5%;
        }
        
        .row .col:first-child {
            margin-left:0;
        }
        
        
        /*
        Add your semantic classnames in alongside their corresponding spans here. e.g.
        
        .span_3,
        .my_semantic_class_name {
            ...
        }
        */
        
        .span_1,
		.logo,
		.text1,
		.contact {
            margin-left:0;
            width:100%;
        }
    }

    /* 2. 4 Column Grid 500px - 758px 
    ----------------------------------------------------------------------------- 
    
    Span 1:    23.5%
    Span 2:    49.0%
    Span 3:    74.5%
    Span 4:    100%
    
    ----------------------------------------------------------------------------- */

    @media screen and (min-width: 500px) and (max-width: 758px) {
        
        .col {
            margin-left:2%;
        	padding:0 1.5%;
        }
        
        .row .col:first-child {
            margin-left:0;
        }
        
        
        
        .span_1 {
            width:23.5%;
        }
        .span_2 {
            width:49.0%;
        }
        .span_3 {
            width:74.5%;
        }
        .span_4,
		.logo,
		.text1,
		.contact {
            margin-left:0;
            width:100%;
        }
    }

    /* 3. 4 Column Grid 759px - 979px 
    ----------------------------------------------------------------------------- 
    
    Span 1:    23.5%
    Span 2:    49.0%
    Span 3:    74.5%
    Span 4:    100%
    
    ----------------------------------------------------------------------------- */

    @media screen and (min-width: 759px) and (max-width: 979px) {
        
        .col {
            margin-left:2%;
        	padding:0 1.5%;
        }
        
        .row .col:first-child {
            margin-left:0;
        }
        
        
        
        .span_1 {
            width:23.5%;
        }
        .span_2 {
            width:49.0%;
        }
        .span_3 {
            width:74.5%;
        }
        .span_4,
		.logo,
		.text1,
		.contact {
            margin-left:0;
            width:100%;
        }
    }

    /* 4. 6 Column Grid 980px - Infinity 
    ----------------------------------------------------------------------------- 
    
    Span 1:    15.0%
    Span 2:    32.0%
    Span 3:    49.0%
    Span 4:    66.0%
    Span 5:    83.0%
    Span 6:    100%
    
    ----------------------------------------------------------------------------- */

    @media screen and (min-width: 980px) {
        
        .col {
            margin-left:2%;
        	padding:0 1.5%;
        }
        
        .row .col:first-child {
            margin-left:0;
        }
        
        
        
        .span_1,
		.spacer {
            width:15.0%;
        }
        .span_2 {
            width:32.0%;
        }
        .span_3 {
            width:49.0%;
        }
        .span_4,
		.logo,
		.text1,
		.contact {
            width:66.0%;
        }
        .span_5 {
            width:83.0%;
        }
        .span_6 {
            margin-left:0;
            width:100%;
        }
    }