@media screen and (min-width: 570px) {
	body { font-size: 0.9em; }

	.content {
		background-image: url("../imgs/background@1x.jpg");
		background-size: 100%;
	}

	.logo {
		width: 25%;
		margin-left: 65%;
	}

	.navigation {
		width: 25%;
		margin-left: 65%;
	}

	main {
		background-color: #fff;
		width: 75%;
		max-width: 650px;
		margin: 3em 10% 0 15%;
		padding: 1em;
	}

	#objectives h2 { margin-top: 1em; }

	footer {
		width: 100%;
		padding: 0 0 0 15%;
	}
}

@media screen and (min-width: 800px) {
	.content { background-size: 100%; }

	main {
		margin-top: 10em;
	}

	#objectives {
		display: flex;
		flex-wrap: wrap;
	}

	.obj-gerais { width: 100%; }

	.obj-especificos, .linhas-atuacao { width: calc(50% - 1em); padding:0 0.5em; }
}

@media screen and (min-width: 900px) {
	main { margin-top: 17em; }
}

@media screen and (min-width: 1000px) {
	main { margin-top: 20em; }
}