@media screen and (max-width: 800px){
    header{
        height: 850px;
    }

    #video{
        width: 100%;        
    }

    #btnVideo{
        width: 100%;
    }

    #contVideo p{
        width: 90%;
    }

    #frecuentes{
        width: 100%;
    }

    #contHeader{
        width: 100%;
    }
}

@media screen and (max-width: 460px){
    

    #logo{
        margin: 40px auto 0px ;
    }

    #imgcelu{
        width: 100%;
        margin: 0px auto;
    }

    .botones{
        width: 100%;
        margin: 70px auto 0px;
        text-align: center;
    }

    .slick-dots{
        text-align: center;
    }

    #banner{
        text-align: center;
        margin: 20px auto;
    }

    #typing{
        
        text-align: center;
        margin: 20px auto 0px;
        
    }

    .botones .col{
        padding-right: 10px;
        padding-left: 10px;
    }
    .botones .col .btn{
        padding: .375rem .45rem;
    }

    #playVideo{
        margin: 90px 0px 0px -50px;
    }

    #notaF{
        width: 100%;
        margin: 40px 0px;
    }

    #notaF a{
        display: block;
    }
    
    #funciona .pasos{
        margin: 0px 0px 35px 0px;
    }

    #btnVideo{
        margin: 15px auto;
    }

    #frecuentes{
        margin: 40px auto;
    }
    
    
}