/*===================================================================================*/
/*  BASE 1170 GRID                                                                   */ 
/*===================================================================================*/

    .container { 
        width: 1100px;
        margin: 0 auto; 
    }

    .row { 
        width: auto !important; 
        max-width: none; 
        min-width: 0; 
        margin: 0 -15px; 
    }

    [class*="span"] { 
        float: left; 
        min-height: 1px; 
        padding: 0 15px; 
        position: relative;
    }


    @media only screen and ( max-width: 1550px ) {
        .container { width: 960px; }
    }
	

    @media only screen and ( min-width: 850px ) and ( max-width: 1370px ) {
        .container {  width: 760px; }
    }

    @media only screen and ( max-width: 850px ) {
        .container { width: auto; margin-left: 20px; margin-right: 20px; }
        [class*="span"] { width: 100%; float: none; margin-bottom: 30px; }
        * [class*="span"]:last-child { margin-bottom: 0; }
    }



/*===================================================================================*/
/*  CLEARING                                                                         */ 
/*===================================================================================*/

    .container:before, 
    .container:after,
    .row:before, 
    .row:after { 
        display: table;
        content: "";
        line-height: 0;
    }

    .container:after,
    .row:after { 
        clear: both; 
    }