/*Mobile*/
@media only screen and (max-width: 600px){
    #film_banner{
        background: url(../images/filmes/imagem_1.png);
        height: 300px
    }
    #film_imagem_2{
        background: url(../images/filmes/imagem_2.png);
        height: 187px;
    }
    #film_imagem_3{
        background: url(../images/filmes/imagem_3.png);
        height: 187px;
        margin-bottom: 20px;
    }

}

/*Tablet portrait*/
@media only screen and (min-width: 601px) and (max-width: 1023px){
    #film_banner{
        background: url(../images/filmes/imagem_1-tablet.png);
        height: 447px
    }
    #film_imagem_2{
        background: url(../images/filmes/imagem_2-tablet.png);
        height: 367px;
        margin-top: 40px;
    }
    #film_imagem_3{
        background: url(../images/filmes/imagem_3-tablet.png);
        height: 352px;
        margin-bottom: 20px;
    }
}

/*Desktop and tablet landscape*/
@media only screen and (min-width: 1024px){
    #film_banner{
        background: url(../images/filmes/imagem_1-desktop.png);
        background-size: 100%;
        height: 300px
    }
    #film_imagem_2{
        background: url(../images/filmes/imagem_2-desktop.png);
        height: 685px;
        margin-top: 100px;
    }

    /*Setor 4 */
    #film_setor_4{
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        flex-wrap: nowrap;
        flex-direction:row-reverse;
        padding: 100px 0px 100px 20vw;
    }
    #film_setor_4 .texto{
        width: 30%;
        margin-right: 50px;
    }
    #film_imagem_3{
        background: url(../images/filmes/imagem_3-desktop.png);
        width: 50vw;
        height: calc(50vw / 1.55);
        background-size: 100% auto;
        vertical-align: top;
        margin-top: 100px;
    }
}