*
{
    box-sizing: border-box;
    margin: 0;
    padding: 0;

}

body
{
    margin:0;
    font-family:'Open Sans', sans-serif ;
    font-size: x-large;
}
/*para que el video se muestre en pantalla completa*/
.video
{
    position: fixed;
    right: 0;
    bottom: 0;
    min-width: 100%;
    min-height: 100%;
}

.cuerpo
{
    position: fixed;
    bottom: 0;
    color:white;
    width: 100%;
    cursor:pointer;
    background:black;
    display: flex;
    justify-content:space-around;
    align-items: baseline;
    list-style:none;

}
/*imagen para entrar*/
.imagen
{
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 20%;
    max-height: 5%;
    min-width: 35%;
}

.bd
{
    padding-bottom: 0,5%;
    text-decoration: none;
    color: white;

}

.bd:hover
{
    color: white;
}
.pausar
{
    padding-bottom: 0,5%;
}

@media all and (max-width: 640px) {

    .cuerpo
{
    position: fixed;
    bottom: 0;
    color:white;
    width: 100%;
    cursor:pointer;
    background:black;
    display: flex;
    justify-content:space-around;
    align-items: baseline;
    list-style:none;

}
    .imagen
    {
        max-width: 65%;
        max-height: 5%;
        min-width: 15%;
    }
        .bd
    {
        padding-bottom: 0,5%;
        text-decoration: none;
        color: white;

    }
    .pausar
    {
        padding-bottom: 0,5%;
    }
}


@media all and (max-width: 950px) {

    .cuerpo
    {
        position: fixed;
        bottom: 0;
        color:white;
        width: 100%;
        cursor:pointer;
        background:black;
        display: flex;
        flex-direction: column;
        align-items: center;
        list-style:none;
    }
    .imagen
    {
        max-width: 50%;
        max-height: 5%;
        min-width: 25%;
    }
        .bd
    {
        padding-bottom: 0,5%;
        text-decoration: none;
        color: white;

    }
    .pausar
    {
        padding-bottom: 0,5%;
    }
}