@charset "UTF-8";

.content {max-width: 1104px; padding: 48px 48px 0px 48px;}
.sessao {padding-bottom: 48px;}
h1 {font-size: 2.8em; margin-bottom: 16px;}
#destaque {background-color: #EEF5F3; background-image: url("../images/FundoSessaoBranco.png"); background-repeat: no-repeat; background-position: 100% 50%;}
.tempo {color: #666;}

.artigo-cartao {position: relative; width: 260px; min-height: 338px; background-color: #FFF; margin: 8px 16px 8px 0px; padding: 16px; border-radius: 4px; box-shadow: 0px 4px 16px rgba(129, 129, 129, 0.25);}
.artigo-cartao h2 {padding-bottom: 16px;}
.artigo-cartao p {padding-bottom: 6px;}
.artigo-cartao p.classe {color: #666;}
.artigo-cartao p.mais {margin-top: 24px; position: absolute; bottom: 16px;}

@media(min-width: 1200px) {
	.content {float: none; width: 1104px; margin: 0 auto;}
}

@media(max-width: 959px) {
	.content {padding: 24px 24px 0px 24px;}
	h1 {font-size: 2em;}
}

@media(max-width: 619px) {
	.content {padding: 0px; margin: 0px; width: 100%;}
	.sessao {padding-bottom: 24px;}

	.grupo {margin: 12px 12px 0px 12px;}
	.tempo {margin: 0px 12px;}

	#destaque {background-image: none;}
	
	#lista-artigo { width: 100%; padding: 0px; margin-top: 8px; }
	#lista-artigo .artigo-cartao { margin: 16px auto; float: none;}
}

@media(max-width: 359px) {
	h1 {font-size: 1.6em;}
	
	.artigo-cartao {width: 192px;}
	
}