@media screen and (max-width: 425px){
    .container{
        flex-direction: column;
    }
    .logo{
        width: 20rem;
    }
    .img-ebook{
        width:100%;
        & .ebook{
            width: 30rem;
        }
    }
    h1{
        font-size: 3rem;
        text-align: center;
    }
    .container-form{
        width: 100% ;
    }
    .container-titulo{
        width: 100%;
        & h2{
            font-size: 2.4rem;
        }
    }
    form{
        width: 100%;
        & div{
            width: 100%;
            & input{
                width: 100%;
            }

        }
    }
}
@media screen and (max-width: 881px){
    body{
       overflow: visible;
    }
    .container{
        flex-direction: column;
    }
    .logo{
        width: 20rem;
    }
    .img-ebook{
        width:100%;
        & .ebook{
            width: 30rem;
        }
    }
    h1{
        font-size: 3rem;
        text-align: center;
    }
    .container-form{
        width: 100% ;
    }
    .container-titulo{
        width: 100%;
        & h2{
            font-size: 2.4rem;
        }
    }
    form{
        width: 100%;
        & div{
            width: 100%;
            & input{
                width: 100%;
            }

        }
    }
}