@media screen and (max-width:700px){
    header .container{
        display: flex;
        flex-direction: column;
    }
    main .filme-principal .container{
        width: 60%;
    }
    main .filme-principal{
        margin-bottom: 20px;
        background: url('/img/caparound6.jpg');
    }
    .botao{
         margin-top: 10px;
         width: 300px;
         align-items: center;
    }
}