.blog_container{
    background-color: #ececec;
}
.blog_post{

}

.blog_post .detalhes{
    padding: 20px;
}

.blog_post.destaque{
    background-color: #000000;
    color: #ffffff;
}
.blog_post.comum{
    background-color: #F5F5F5;
    color: black;
}
.blog_post.comum:last-child{
    margin-bottom: 0px;
}

.blog_post .data{
    font-size: 0.9em;
}
.blog_post .titulo{
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
    color: black;
    font-size: 1.2em;
    margin: 10px 0px;
}

.blog_post.destaque .titulo{
    color: #D3B24D;
}



.blog_post .descricao{
    margin-bottom: 20px;
}

.blog_post .mais{
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 20px;
}
.blog_post .icones{
    width: 33px;
    height: 33px;
    display: inline-block;
    margin-right: 5px;
    text-align: center;
}
.mais_texto{
    display: inline-block;
}
.mais_imagem{
    display: inline-block;
}

/*Mobile*/
@media only screen and (max-width: 600px){
    .blog_container{
        padding: 20px 40px;
    }
    #blog_carousel_destaques{
        height: 580px;
    }
    .imagem_post_destaque{
        background: url(../images/blog/imagem_post_exemplo.png);
        height: 183px
    }
    #outros_posts{
        margin: 50px 0px 40px 0px;
    }
    .blog_post.comum{
        margin-bottom: 40px;
    }
    .imagem_post_comum{
        background: url(../images/blog/imagem_post_comum_sample.png);
        width: 100%;
        height: 183px;
        background-repeat: no-repeat;
        background-size: 100% auto;
    }

}

/*Tablet*/
@media only screen and (min-width: 600px) and (max-width: 1023px){
    .blog_container{
        padding: 20px 40px;
    }
    #blog_carousel_destaques{
        height: 650px;
    }
    .imagem_post_destaque{
        background: url(../images/blog/imagem_post_exemplo.png);
        height: 335px;
        background-repeat: no-repeat;
        background-size: 100% auto;
    }
    #outros_posts{
        margin: 50px 0px 40px 0px;
    }
    .blog_post.comum{
        margin-bottom: 40px;
    }
    .imagem_post_comum{
        background: url(../images/blog/imagem_post_comum_sample.png);
        width: 100%;
        height: 216px;
        background-repeat: no-repeat;
        background-size: 100% auto;
    }
    .blog_post.comum{
        width: calc(50% - 10px);
        margin-right: 20px;
    }
    .blog_post.comum:nth-child(2n){
        margin-right: 0px;
    }
    .blog_post.comum{
        margin-top: 20px;
    }
    .blog_post.comum:last-child{
        margin-bottom: 0px;
    }
    #outros_posts{
        margin: 50px 0px 40px 0px;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;;
        flex-wrap: wrap;
    }
}

/*Desktop*/
@media only screen and (min-width: 1024px){
    .blog_container{
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;;
        flex-wrap: nowrap;
        padding: 50px 10vw 50px 10vw;
    }
    #blog_carousel_destaques{

    }
    #blog_coluna_1{
        width: 56vw;
        margin-right: 20px;
    }
    #blog_coluna_2{
        width: 24vw;
    }

    .imagem_post_destaque{
        background: url(../images/blog/imagem_post_exemplo.png);
        width: 100%;
        height: 436px;
        background-repeat: no-repeat;
        background-size: 100% auto;
    }
    .imagem_post_comum{
        background: url(../images/blog/imagem_post_comum_sample.png);
        width: 100%;
        height: 280px;
        background-repeat: no-repeat;
        background-size: 100% auto;
    }
    .blog_post.comum{
        width: calc(50% - 10px);
        margin-right: 20px;
    }
    .blog_post.comum:nth-child(2n){
        margin-right: 0px;
    }
    .blog_post.comum{
        margin-top: 20px;
    }
    .blog_post.comum:last-child{
        margin-bottom: 0px;
    }


    #outros_posts{
        margin: 50px 0px 40px 0px;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;;
        flex-wrap: wrap;
    }
}