/*
  960 Grid System Modified for
  Responsive layout 960 Grid 
  System ~ Core CSS.
  Learn more ~ http://960.gs/    
  Author: InkThemes
  Licensed under GPL and MIT.
*/
/*
  Forces backgrounds to span full width,
  even if there is horizontal scrolling.
  Increase this if your layout is wider.
  Note: IE6 works fine without this fix.
*/

/* `Container >> 24 Columns
-----------------------------------*/
 .container_24 {
        margin-left: auto;
        margin-right: auto;
        width: 1115px;
	-webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
    }
    /*  Each columns are measured 
        For their specific size.
    */
    .container_24 .grid_1 {
        width: 3.167%;
    }
    .container_24 .grid_2 {
        width: 7.333%;
    }
    .container_24 .grid_3 {
        width: 11.5%;
    }
    .container_24 .grid_4 {
        width: 15.667%;
    }
    .container_24 .grid_5 {
        width: 19.833%;
    }
    .container_24 .grid_6 {
        width: 24%;
    }
    .container_24 .grid_7 {
        width: 28.167%;
    }
    .container_24 .grid_8 {
        width: 32.7%;
    }
    .container_24 .grid_9 {
        width: 36.5%;
    }
    .container_24 .grid_10 {
        width: 40.667%;
    }
    .container_24 .grid_11 {
        width: 44.833%;
    }
    .container_24 .grid_12 {
        width: 49%;
    }
    .container_24 .grid_13 {
        width: 53.167%;
    }
    .container_24 .grid_14 {
        width: 57.993%;
    }
    .container_24 .grid_15 {
        width: 61.5