body{
    background-color: black;
}

.video{
    
    top: 10%;
    display: inline-block;
    margin: 0px;
    /* position: relative; */
    width: 100%;
    height: 360;
    text-align: center;
}

#meuvideo{
    margin: 0px;
    width: 600px;
    /* position: absolute; */
    /* left: 30%; */
}


#imagem{
    text-align: center;
    width: 100%;
    height: 100px;
}

#imagem img{
    width: 200px;
}

footer{
    padding: 10px;
    text-align: center;
    min-height: calc(100vh - 140px - 360px );
}

/* .rds{
    position: relative;
    top: 60px;
    width: 100%;
    height: 70px;
    text-align: center;
    
} */

.rds img{
    margin-left: 70px;
    width: 70px;
    bottom: 30px;
}

@media screen and (max-width: 890px){
    
    .rds{
        background-color: rgba(240, 248, 255, 0.527);
        align-self: flex-end;
        /* background-color: rgba(0, 0, 0, 0.397); */
        position: relative;
        /* margin-top: 0%; */
        width: 100%;
        height: 70px;
        text-align: center;
        border-radius: 10px;
        top: -30%;
    }
    
}

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

    .video{
        display: inline-block;
        margin: 0px;
        /* position: relative; */
        width: 100%;
        height: 300;
        text-align: center;
        margin-bottom: 0px;
    }

    #meuvideo{
        top: 25%;
        width: 350px;
        /* position: absolute; */
        /* left: 6%; */
    }

    #imagem{
        text-align: center;
        /* background-color: rgba(0, 0, 0, 0.473); */
        /* text-align: center; */
        position: relative;
        width: 100%;
        height: 100px;
        margin-bottom: 150px;
        top: 30px;
    }

    #imagem img{
        /* position: absolute; */
        width: 200px;
        /* left: 33%; */
        bottom: 12%;
    }

    /* footer{
        display: flex;
        align-items: flex-nd;
        padding: 20px;
        height: 25%;
        text-align: center; */
        
    /* } */

    footer{
        position: relative;
        padding: 5px;
        text-align: center;
        min-height: calc(100vh - 200px - 500px );
    }

    .rds{
        background-color: rgba(240, 248, 255, 0.527);
        align-self: flex-end;
        background-color: rgba(0, 0, 0, 0.397);
        position: relative;
        margin-top: 0%;
        width: 100%;
        height: 70px;
        text-align: center;
        border-radius: 10px;
        top: 40px;
    }

    .rds img{
        margin-top: 3%;
        margin-left: 30px;
        width: 50px;
    }

  
}