/*CSS RESPONSAVEL PELO SISTEMA DE GRIDS*/

/* 
reset básico 
*/

* {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}


/*
container
*/
.container{
    position: relative;
    overflow: visible;
    padding: 0;
    margin: 0 auto;
    width: 1170px;  
    clear: both;
}
    @media only screen and (max-width: 1214px) and (min-width: 1034px){
        .container {
            width: 960px;
        }
    }
    @media (min-width: 1170px) {
        .container{
            max-width: 1170px;
            padding: 0;
         }
    }

/*
Linha
*/
.row {
    margin-left: -5px;
    margin-right: -5px;
}

    .row:before,
    .row:after {
        content: "";
        display: table;
    }
	
   .row:after {
        clear: both;
    }

/*
Colunas
*/
.col {
    display: inline-block;
    vertical-align: top;
	width: 100%;
    min-height: 1px;
	height: 100%;
	margin-right: -5px;
    padding-left: 5px;
    padding-right: 5px;
    *zoom: 1;
    *display: inline;
}
/*
2 colunas 
*/
@media (min-width: 480px) {
	.col-2 {
        width: 50%;
    }
}
	
/* 
3 colunas 
4 colunas 
5 colunas 
*/
@media (min-width: 728px) {
    .col-3 {
        width: 33.3333%;
    }
	
	.col-5{
		width: 20%;		
    }  
    
	.col-4{
		width: 25%;		
	}		
}