.artigos{float: left; width: 100%; margin: 0; background: #f8f8f8; min-height: 150px; padding: 0 0 50px;}
.artigos .titulo{float: left; width: 100%; margin: 30px 0 0; color: #5c5d61; font: 30px merri-lightit;}
.artigos .sep{float: left; width: 20px; height: 4px; margin: 20px 0 10px; background: #f62b21;}
.artigos .box-artigos{float: left; width: 100%; margin: 0; border-top: solid 12px #b9bac0; background: #fff; padding: 60px 80px;}
.artigos .box-artigos .data{float: left; width: 100%; color: #ed3737; font: 11px regular; margin: 0 0 15px;}
.artigos .box-artigos .titulo{float: left; width: 100%; color: #414141; font: 24px medium; margin: 0;}
.artigos .box-artigos p{float: left; width: 100%; color: #6c6c6c; font: 14px/22px regular; margin: 20px 0 0;}
.artigos .box-artigos .voltar{float: left; width: 150px; height: 45px; color: #7c7c7c; font: 18px/45px regular; margin: 50px 0 0; background: #eee; text-align: right; padding: 0 25px; transition: all 0.5s ease;}
.artigos .box-artigos .voltar:hover{background: #ccc;}
.artigos .box-artigos .voltar i.fa{float: left; line-height: 45px; color: #f6362d;}

.artigos .tt-mais{float: left; width: 100%; font: 30px merri-lightit; color: #5c5d61; margin: 0 0 12px;}
.artigos .box{float: left; width: 100%; margin: 0; padding: 20px; border-top: solid 1px #e5e5e5;}
.artigos .box .texto{float: left; width: 100%;}
.artigos .box .texto .data{float: left; width: 100%; color: #ed3737; font: 11px regular;}
.artigos .box:hover .texto .data{text-decoration: underline;}
.artigos .box .texto .titulo{float: left; width: 100%; color: #404040; font: 19px regular; margin: 0;}
.artigos .box:hover .texto .titulo{text-decoration: underline;}
.artigos .box .texto .ver{float: left; color: #ed3737; font: 12px medium; margin: 10px 0 0;}
.artigos .box .texto .ver i.fa{border: solid 1px #ed3737; padding: 1px 5px; border-radius: 50%; transition: all 0.5s ease;}
.artigos .box:hover .texto .ver i.fa{background: #ed3737; color: #fff;}


@media(max-width: 992px){
	.artigos .tt-mais{margin: 30px 0 12px;}
}
@media(max-width: 767px){
	.artigos .box-artigos{padding: 40px;}
}
@media(max-width: 479px){
	.artigos .box-artigos{padding: 40px 15px;}
}


