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

    .container { 
        width: 1170px;
        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;
        *padding: 0 0;
    }

    .span1  { width: 8.33333%; }
    .span2  { width: 16.66667%; }
    .span3  { width: 25%; }
    .span4  { width: 33.33333%; }
    .span5  { width: 41.66667%; }
    .span6  { width: 50%; }
    .span7  { width: 58.33333%; }
    .span8  { width: 66.66667%; }
    .span9  { width: 75%; }
    .span10 { width: 83.33333%; }
    .span11 { width: 91.66667%; }
    .span12 { width: 100%; }

    .span5_5 { width: 20%; }

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

    @media only screen and ( min-width: 798px ) and ( max-width: 999px ) {
        .container {  max-width: 760px; }
		.stats .num { font-size: 30px; }
		.f18 {font-size: 16px; line-height: 140%;}
    }

    @media only screen and ( max-width: 797px ) {
        .container { max-width: 90%; margin:0 auto; }
        [class*="span"] { width: 100%; float: none; margin-bottom: 30px; }
        * [class*="span"]:last-child { margin-bottom: 0; }
		
		.titles h1, #parallax1 .titles h1 { font-size: 30px; line-height: 100%; }
		.titles h3, #parallax1 .titles h3 { font-size: 16px; line-height: 130%; }
		.copyright {text-align: center;}

		.f18 {font-size: 13px; line-height: 140%;}

    }

    @media only screen and (max-width : 540px) { 
	
		.container { max-width: 88%; margin: 0 auto; }
		.center {text-align: justify;}
		.f18 {font-size: 12px; line-height: 140%;}
	
	}

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

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

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