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

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

    .box {
        display: grid;
        grid-gap: 20px;
        grid-template-columns: repeat(3, minmax(100px, 1fr));
      }
    
      .sub-links ul {
        display: grid;
        grid-gap: 20px;
        grid-template-columns: repeat(3, 1fr);
      }
       
      .menu-direita {
        visibility: hidden ;
    }

    /*.box-filmes {
        size:  210 x 403 px ;
        margin: auto;
        height: 80%;
       size: 410 × 603 px } */
    

    }    



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