/* ####################PLANNER############################# */

.video-banner__background{
    height: 100vh;
    background: url("../img/fondo-video-movil.jpg") no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}


.video-planner video {
         width:75%;
         margin:0 auto;
         display: block;
    }

.video-planner {
    display: flex;
    justify-content: center;
    text-align: center;
    height: 100%;
    align-items: center;
}

.video-planner div{
   margin-top: -5%;
 }   

.video-banner__footer {
     display: flex;
    justify-content:center;
    text-align:center;
    align-content:center;
    height:20%;
}



.video-planner img{
    width:220px;
}

@media screen and (min-width: 768px) {
    .video-planner div{
      margin-top: 0;
    }   

    .video-banner__background{
        background: url("../img/fondo-video.jpg") no-repeat center center fixed;
    }

     .video-planner video {
       /*width:60%;*/
       width:100%;
    }
}

@media screen and (min-width: 992px) {
    .video-planner video {
         /*width:35%;*/
         width:100%;
         margin:0 auto;
         display: block;
    }

   
}