.blog-page
{
    padding: 60px 0;
}
.blog-itens{
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
    align-content: flex-start;
    padding: 0 15%;
}
.blog-item{
    width: 30%;
    background: #EBEBEB;
    padding: 0 0 40px 0;
    border-radius: 13px;
    margin-bottom: 40px;
    margin-left: 12px;
}
.blog-item img{
    max-width: 100%;
}
.blog-item h2{
    margin-left: 12px;
    font-size: 1.5em;
    color: #213d45;
    font-weight: 600;
}
.blog-item p{
  margin-left: 12px;
  color: #5b5b5b;
  font-size: 1.15em;
  margin-bottom: 12px;
}
.blog-item span{
  color: #919193;
  font-size: .9em;
}
.blog-item a{
    margin-left: 12px;
    color: #3B849B;
    margin-top: 12px;
    font-weight: 600;
    border: 1px solid #3B849B;
    padding: 2px 4px;
    border-radius: 3px;
    line-height: normal;
}
.blog-item a:hover{
    background: #3B849B;
    color: white;
}
@media screen and (max-width: 1400px){ 
    .blog-itens{
        padding: 0 5%;
    }
}
@media screen and (max-width: 1000px) 
{
    .blog-itens{
        padding: 0 2%;
    }
    .blog-item{
        width: 40%;
    }
}
@media screen and (max-width: 999px) 
{
    .blog-itens{
        padding: 0 2%;
    }
    .blog-item{
        width: 98%;
    }
}