.artigos .flex .col:first-child {
	width: 100%;
	max-width: 878px;
	max-width: 75.1%;
}

.artigos .flex .col:last-child {
	width: 100%;
	max-width: 244px;
  max-width: 24.9%;
	padding: 0 0 0 4%;
}

.artigos {
	margin-bottom: 60px;
}
.artigos .datapublic, .artigos .meta-post{
	font-size: 18px
}
.artigos .datapublic i{
	color: #3b5bd3;
}

.loop-artigos {
	cursor: pointer;
	margin-top: 44px;
}

.loop-artigos:hover .bt,
.loop-artigos:focus .bt {
	background-color: #199e8f;
	border-color: #138b7d;
}

.imagem-artigo {
	width: 100%;
	max-width: 270px;
}

.texto-artigo {
	width: 100%;
	max-width: 574px;
}

.texto-artigo .fa-calendar-check-o {
	color: #00003a;
}

.loop-artigos img {
	display: block;
	width: 270px;
	height: 172px;
	border: solid 1px #9a9a9a;
}

.texto-artigo h2 {
	color: #00003a;
	font-size: 25px;
	font-size: 1.563rem;
	margin-bottom: 10px;
	line-height: 1.7rem;
}

.texto-artigo p {
	font-size: 18px;
	font-size: 1.125rem;
}

.texto-artigo .bt .fa {
	float: right;
    margin-right: 10px;
}

.texto-artigo .flex .col:first-child {
	max-width: 300px;
}

.texto-artigo .flex .col:last-child {
	max-width: 300px;
}

/*Responsivo*/
@media screen and (max-width: 1100px){
	.texto-artigo{
		max-width: 510px;
		padding-right: 20px;
		padding-left: 10px;
	}
}
@media screen and (max-width: 1030px){
	.texto-artigo{
		max-width: 470px;
		padding-right: 20px;
	}
}
@media screen and (max-width: 996px){
	.mb-flex{
		flex-flow: wrap;
	}
	.artigos .flex .col:first-child, .artigos .flex .col:last-child{
    max-width: 100%;
		padding: 0;
	}
	.texto-artigo{
		max-width: 95%;
		padding-right: 0px;
	}
}
@media screen and (max-width: 730px){
	.loop-artigos{
		flex-flow: wrap;
		border-bottom: dotted 1px;
		padding-bottom: 20px;
		margin-top: 25px;
	}
	.imagem-artigo{
		max-width: 400px;
		margin: 0 auto;
		margin-bottom: 20px;
	}
	.loop-artigos img{
		width: 100%;
		height: auto;
	}
	.texto-artigo{
		max-width: 100%;
		padding-left: 0;
	}
	.texto-artigo h2{
		text-align: center;
	}
	.texto-artigo p{
		text-align: center;
	}
	.loop-artigos .align-end{
		flex-flow: wrap;
		justify-content: center;
		align-items: center;
		text-align: center;
	}
	.loop-artigos .bt{
		width: 100%;
		margin-top: 20px;
		height: 40px;
    padding: 7px 20px;
	}
	.loop-artigos .bt .fa{
    margin-right: 0;
	}
}
@media screen and (max-width: 458px){
	.texto-artigo h2{
		font-size: 22px;
	}
	.texto-artigo p {
    font-size: 17px;
	}
	.paginacao-produtos .paginacao{
		flex-flow: wrap;
		width: 230px;
	}
	.paginacao-produtos.big .paginacao-item{
		width: 230px;
		margin: 0 0px 11px 0;
	}
	.paginacao-produtos.big{
		margin-top: 30px;
	}
}