*{
	margin: 0;
	padding: 0;

}


html,body{
	height: 100%;/*A altura não é pre-definida como 100% no html então deve ser indicada nesta tag*/
}


.artigo{
	width: 100%; /*Determina a largura do texto na pagina. O texto se ajusta conforme a largura definida*/
	/*max-width: 300px;*/ 
	/*width e height podem ser determinados em pixels e em porcentagem. Quando estão em 100% sempre se adaptam
	ao tamanho do navegador*/ 
	height: auto; /*Determnina a altura do texto. Quando a altura fica muito pequena o texto sobra para fora. Por padrão a altura é "auto"*/ 
	/*Quando width e height estão em auto o texto se dimensiona automaticamente de acordo com o navegador.*/
	background-color: rgb(200,200,200);
	text-align: center;
}

.artigo h1{
	color:#069; /*as cores podem ser definidas por nomes (em ingles), por codigo hexadecimal
				iniciado com #XXX, ou em rgb no formato rgb(XXX,XXX,XXX)*/
	font-size: 23px; /*o tamanho da fonte po ser em pixels (px) ou por unidade padrão
					 (em) onde 1em equivale a 100% da fonte e 2em equivale a 200% e assim por diante*/
	font-style: italic; /*Tipos de style regular(padrão), italic ou oblique*/
	font-weight: normal; /*Tipos de weight bold(padrão) ou normal*/
	/*font-variant: small-caps;*/ /*Tipos de variant normal ou small-caps. No small-caps as
								letras minusculas ficam maiusculas mas com o tamanho menor*/

}
.artigo p{
	color: #b4b4b4;
	text-align: left; /*Muda o alinhamento somente no parágrafo*/
	font-size: 17px;
	font-style: normal;
	font-weight: bold;
	line-height: 40px; /*altura do espaçamento de linhas*/ 
	margin-top: 12px;


}