.posts{
display: flex;
flex-direction: column;
}

.row{
display: flex;
}

.col{
display: flex;
flex-direction: column;
}

.col.destaque{
display: inline-flex;
width: 70%;
margin-right: 20px;
}

.destaque img{
filter: brightness( 59% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );
width: 530px;
height: 260px;
}

.col.lateral{
display: inline-flex;
width: 30%;
}

.post{
position: relative;
font-family:"graphik", Sans-serif;
}

.post img{
border-radius: 10px;
}

.category{
font-size:11px;
font-weight:300;
text-transform:uppercase;
letter-spacing:1.3px;
padding:7px 10px 5px 10px;
color:#fff;
border-radius:4px;
}

.cat-gestao, .bloco_3 .link-gestao::before{background:#825cb4;}
.cat-financas, .bloco_3 .link-financas::before{background: #5fae27;}
.cat-qualidade, .bloco_3 .link-qualidade::before{background: #2093bb;}
.cat-agronegocio, .bloco_3 .link-agronegocio::before{background: #df6128;}

.bloco_1,
.bloco_2,
.bloco_3,
.bloco_4{
display: flex;
flex-direction: column;
}

.bloco_4 .category{
	position: absolute;
	top: 11px;
}

.bloco_4 .cat-gestao{left: 169px;}
.bloco_4 .cat-financas{left:154px;}
.bloco_4 .cat-qualidade{left:146px;}
.bloco_4 .cat-agronegocio{left: 122px;}

.bloco_4 .content p{
font-size: 14px;
font-weight: 300;
color:#000;
line-height: 22px;
padding: 0 45px 0 3px;
}


.bloco_4 h2{
	font-size: 22px;
	font-weight: 400;
	color: #000;
	margin: 11px 0 15px 0;
}

.bloco_4 hr {
    width: 100%;
    height: 1px;
    background: #e0e0e0;
    font-size: 0px;
	border: none;
	margin: 20px 0;
}

.bloco_3{
margin-top:36px;	
}

.bloco_3 h2{
	font-size:19px;
	font-weight:400;
	color:#000;
	letter-spacing:-1px;
	border-bottom: solid 1px #e0e0e0;
	padding:15px 0 10px 40px;
	width: 96%;
}

.bloco_3 .link-financas::before, .bloco_3 .link-qualidade::before, .bloco_3 .link-gestao::before, .bloco_3 .link-agronegocio::before{
	content: '';
	width: 10px;
	height: 10px;
	position: absolute;
	top: 21px;
	left: 15px;
	border-radius: 2px;
}

.bloco_2 h2{
color:#000;
font-size:21px;
letter-spacing: -1px;
font-weight:300;
margin: 15px 0 30px 0;	
}

.bloco_2 .category{
position:absolute;
top:121px;
left:11px;
}

.bloco_2 .featured-image img, .bloco_4 .featured-image img {
	width: 250px;
	height: 160px;
	max-width: none;
}

.bloco_4 .featured-image img{
	margin-right: 40px;
}

.bloco_1 .content {
position: absolute;
top: 139px;
text-align: center;
width: 100%;
}

.bloco_1 .content h2{
	padding:0 67px 0 47px;
	margin-top:11px;
	letter-spacing: -1px;
	height: 65px;
	width: 100%;
	overflow: hidden;
	font-size:28px;
	color:#f2f2f2;
	font-family: "graphik", Sans-serif;
	text-shadow: 0px 0px 18px rgba(0,0,0,1);
	font-weight: 400;
}

.bloco_4{
	margin-top: 65px;
}


.bloco_4 .post a{
display: flex;
flex-direction: row;
}



	
	@media screen and (max-width: 1024px) {
		.posts .row{display: block;}
		.col.destaque, .col.lateral{width: 100%}
		.col.destaque{margin-right: 0;}
		.post img {margin: 0 auto;display: block;}
		.bloco_2{margin: 0 auto;}
		.bloco_2 .post {width: 252px;float: left;margin: 50px 25px;}
		.destaque img {width: 100%;}
	
	}
	
	@media screen and (max-width: 647px) {
		.destaque img, .bloco_2 .featured-image img{width: 100%;}
		.bloco_2 .post{margin: 50px 0;float: none;}
		.bloco_4 .featured-image img, .bloco_2 .featured-image img{width: 341px; height: 205px;margin: 0 auto;}
		.bloco_4 .content p{display: none;}
		.bloco_4 .content, .bloco_2 .content{width: 100%;display: block;}
		.bloco_4 .featured-image, .bloco_2 .featured-image{width: 100%;display: block;}
		.bloco_4 .post a, .bloco_2 .post a{display: block;}
		.bloco_4 h2, .bloco_2 h2 {font-size: 22px;font-weight: 400;color:#000;margin: 21px auto 42px auto;text-align: left;width: 340px;}
		.bloco_4, .bloco_2{width:341px;margin: 0 auto;}
		.bloco_4 .category, .bloco_2 .category {position: absolute;top: 169px;left: 12px!important;}
		.bloco_4 hr{display: none;}		
	}

