@media screen and (max-width:700px) {
    header .container {
        display: flex;
        flex-direction: column;
    }

    .filme-principal {
        background-position-x: center;
    }

    .botao {
        margin-top: 5px;
        width: 300px;
    }

}

@media screen and (min-width:1000px) {
   
    .descricao {
        width: 50%;
    }
}
