.grid-archive {
	display: -ms-grid;
	display: grid;
	    grid-template-areas: "menus conteudo";
	grid-gap: 3em;
	-ms-grid-columns: 14em 3em auto;
	grid-template-columns: 14em auto;
}

.menu-archive {
	-ms-grid-row: 1;
	-ms-grid-column: 1;
	grid-area: menus;
}

.conteudo-archive {
	-ms-grid-row: 1;
	-ms-grid-column: 3;
	grid-area: conteudo;
}

.grid-post{
	display: -ms-grid;
	display: grid;
	    grid-template-areas: "info-post conteudo-post";
	-ms-grid-columns: max-content auto;
	grid-template-columns: max-content auto;
	padding: 2em;
	border-bottom: 1px solid #e8e7e7;
}

.info-post {
	border-right: 1px dotted #cfcdcd;
}

@media (max-width: 990px) {
	.grid-archive{
		display: -ms-grid;
		display: grid;
		    grid-template-areas: "conteudo";
		-ms-grid-columns: 1fr;
		grid-template-columns: 1fr;
	}
	
	.menu-archive {
		display: none;
	}

	.grid-post {
		display: -ms-grid;
		display: grid;
		    grid-template-areas: "conteudo-post" "info-post";
		border-bottom: 0;
		-ms-grid-columns: auto;
		grid-template-columns: auto;
		padding: 1em 0;
	}

	.info-post {
		border-right: 0;
	}
	.conteudo-archive{
		-ms-grid-row: 1;
		-ms-grid-column: 1;
	}


}


.media-heading {
	font-size: 1.2em;
	font-weight: bold;
}


.grid-post .info-post{
	-ms-grid-row: 1;
	-ms-grid-column: 1;
	grid-area: info-post;
}



.info-post div:first-child {
	margin-bottom: 0.7em;

}
.info-post div{
	width: 100%;
	color: #717782
}

.icone-archive{
	color: #018412;
}


.info-post{
	margin-right: 2em;
	padding-right: 2em;
}

.the-post{
	-ms-grid-row: 1;
	-ms-grid-column: 2;
	grid-area: conteudo-post;
	color: #111;
}

@media (max-width: 990px) {

	.grid-post .info-post {
		-ms-grid-row: 2;
		-ms-grid-column: 1;
	}

	.the-post {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
	}
}