.container {
	margin: 0 auto;
}

@media (min-width: 1025px) {
	.container {
		width: 1060px;
		padding: 0 20px;
	}

	.grid2 {
		width: 160px;
	}

	.grid3 {
		width: 250px;
	}

	.grid5 {
		width: 450px;
	}

	.grid6 {
		width: 520px;
	}

	.grid7 {
		width: 610px;
	}

	.grid12 {
		width: 960px;
	}

	.grid2 {
		min-width: 160px;
	}

	.grid3 {
		min-width: 250px;
	}

}

/* Tablet */
@media only screen and (min-width: 744px) {

	.grid2 {
		width: 160px;
	}

	.grid3 {
		width: 250px;
	}

	.grid4 {
		width: 340px;
	}

	.grid4half {
		width: 360px;
	}

	.grid8 {
		width: 700px;
	}

	.grid12 {
		width: 960px;
	}

	.row {
		margin-left: -20px;
	}

	.row .grid2, .row .grid3, .row .grid4, .row .grid5, .row .grid8, .row .grid12 {
		float: left;
		margin-left: 20px;
	}

	/* DESTAQUES */

	#destaques > .container > .first {
		position: absolute;
		right: -1060px;
	}

	#destaques > .container > .second {
		position: absolute;
		right: 1060px;
	}

	.box {
		margin-left: -292px;
	}

}

@media only screen and (min-width: 744px) and (max-width: 1024px) {
	.container {
		width: 700px;
	}

	.grid12 {
		width: 700px;
	}

	.row .grid2, .row .grid3, .row .grid4, .row .grid5, .row .grid8, .row .grid12 {
		margin-left: 10px;
	}
}

@media only screen and (max-width: 743px) {
	.grid4 {
		min-width: calc(100% - 20px);
	}
}