body {
			font-family: Verdana, Arial, Serif;
			margin: 5px 5px 5px 5px;
		}
		#principal{position:relative;width:100%}
		.cabeca {position: relative;width:97%}

		header {background: #fff; border-radius: 6px; border: none; width: 97%; position: relative;}
		/*header img {border: 2px solid #d80b1c;}*/
		header span {float: right;font-weight:500; font-size:150%;width:50%;top:40px;position: relative;text-align: center;color:#fff;margin: 3%;}

		.botao {background: #069cc2; border-radius: 6px; padding: 15px; cursor: pointer; color: #fff; border: none; font-size: 16px;}

		.marca {color: #eb297a; font-weight:700}
		article, aside {
			float: left;
			width: 90%;
			margin: 1%;
			text-align: justify;
		}

		aside {
			border-bottom: 2px solid purple;
		}
		article {
			text-align: center;
		}

@media screen and (min-width: 640px) {
		header span {font-weight:700; font-size:180%;top:120px;width:55%;margin: 1%;}
		article, aside {
			width: 45%;
		}

		aside {
			margin-left: 0px;
			text-align: justify;
			border-right: 2px solid blue;
			border-bottom: none;
			padding-right: 10px;
		}
		article img {
			width: 70%;
		}
}

@media screen and (min-width: 1024px) {
		header span {font-size:200%;top:200px;width:55%;margin: 2%;}
		.cabeca {font-size: 130%;};
		article {
			width: 35%;
		}

		aside {
			font-size: 130%;
			width: 45%;
		}
}