/* Columnas base */

.row{
	width: 100%;
	height: auto;
	padding: 0px;
	display: flex;
	flex-wrap: wrap;
}

div[class^="col-"]{
	display: block;
	position: relative;
}

.col-0{
	display: none !important;
}

.col-1{
	width: 10%;
	height: auto;
	padding: 10px;
}

.col-2{
	width: 20%;
	height: auto;
	padding: 10px;
}

.col-3{
	width: 30%;
	height: auto;
	padding: 10px;
}

.col-4{
	width: 40%;
	height: auto;
	padding: 10px;
}

.col-5{
	width: 50%;
	height: auto;
	padding: 10px;
	vertical-align: top;
}

.col-6{
	width: 60%;
	height: auto;
	padding: 10px;
	vertical-align: top;
}

.col-7{
	width: 70%;
	height: auto;
	padding: 10px;
	vertical-align: top;
}

.col-8{
	width: 80%;
	height: auto;
	padding: 10px;
	vertical-align: top;
}

.col-9{
	width: 90%;
	height: auto;
	padding: 10px;
	vertical-align: top;
}

.col-10{
	width: 100%;
	height: auto;
	padding: 10px;
	vertical-align: top;
}

.npadd{
	padding: 0px !important;
}

@media screen and (max-width: 880px) {
	
	.resp-0{
		display:none !important;
	}
	
	.resp-1{
		width: 10%;
		height: auto;
		display:block;
	}
	
	.resp-2{
		width: 20%;
		height: auto;
		display:block;
	}
	
	.resp-3{
		width: 30%;
		height: auto;
		display:block;
	}
	
	.resp-4{
		width: 40%;
		height: auto;
		display:block;
	}
	
	.resp-5{
		width: 50%;
		height: auto;
		display:block;
	}
	
	.resp-6{
		width: 60%;
		height: auto;
		display:block;
	}
	
	.resp-7{
		width: 70%;
		height: auto;
		display:block;
	}
	
	.resp-8{
		width: 80%;
		height: auto;
		display:block;
	}
	
	.resp-9{
		width: 90%;
		height: auto;
		display:block;
	}
	
	.resp-10{
		width: 100%;
		height: auto;
		display:block;
	}
	
	div.header div.menu-toggle{
		display: block;
	}
	
}