



/*Sessão 2*/

#sessao_2{
    background-repeat: no-repeat;
    padding-bottom: 30px;
    background-size: 100%;
}
#fotos_sessao_2{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    flex-wrap: wrap;
}

#foto_1_sessao_2{
    background: url('../images/home/sessao_2_1.png');
    background-repeat: no-repeat;
}
#foto_2_sessao_2{
    background: url(../images/home/sessao_2_2.png);
    background-repeat: no-repeat;
}
#foto_3_sessao_2{
    background: url(../images/home/sessao_3_1.png);
    background-repeat: no-repeat;
}


/*Video*/
.videos{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    flex-wrap: wrap;
}


/*Mobile*/
@media only screen and (max-width: 600px){
    /*Sessao 2*/
    #sessao_2{
        background: #171717 url(../images/home/banner_home_2.png);
        background-repeat: no-repeat;
    }
    .fotos_sessao_2{
        height: 237px;
        width: 100%;
        margin-bottom: 30px;
    }
    .fotos_sessao_2:last-of-type{
        margin-bottom: 0px;
    }
    /*Videos*/
    .video{
        width: 100%;
        margin-bottom: 20px;
    }
}

/*Tablets e desktop*/
@media only screen and (min-width: 600px){
    /*Sessao 2*/
    #sessao_2{
        background: #171717 url(../images/home/home-section-02.png);
        background-repeat: no-repeat;
        background-size: 100%;
    }
    #sessao_2{
        padding: 100px 20vw 100px 20vw;
    }
    .descricao_sessao_2,#fotos_sessao_2{
        /*padding-left: 5vw;*/
    }
    .fotos_sessao_2{
        width: calc((100% / 3) - 20px);
        padding-top: 20%;
        margin-right: 20px;
    }
    .fotos_sessao_2:last-child{
        margin-right: 0px;
    }
    /*Videos*/
    #sessao_3 {
        padding: 140px;
    }
    .video{
        width: calc(100% / 2 - 20px);
        margin-bottom: 20px;
        margin-right: 20px;
    }
    .video:nth-child(2n){
        margin-right: 0px;
    }
}

@media only screen and (min-width: 1025px){
    #sessao_2{
        background: #171717 url(../images/home/home-section-02@2x.png);
        background-repeat: no-repeat;
        background-size: 100%;
    }
    /*Videos*/
    #sessao_3 {
        padding: 100px 300px;
    }
    .video{
        width: calc(100% / 3 - 20px);
        margin-bottom: 20px;
        margin-right: 20px;
    }
    .video:nth-child(2n){
        margin-right: 20px;
    }
    .video:nth-child(3n){
        margin-right: 0px;
    }
}