body {
    /* background: url('https://source.unsplash.com/random/800x600'); */
    color: Black;
}

.iiframe {
    position: relative; 
    top:10% ; 
    left: 20%; 
    width: 400px; 
    height: 920px;
}
.contenedor {
    display: block;
    margin: auto;
    margin-top: 30px;
    width: 380px;
    border: 8px double white;
    padding: 10px;
    text-align: center;
    color: White;
    background: rgb(54, 51, 56);
    border-radius: 15px 15px 15px 15px;
}

.contenedor h1 {
    margin-bottom: 15px;
    font-family: 'Dancing Script', cursive;
    font-size: 48px;
    border-bottom: 2px solid white;
    font-weight: 500;
}

.contenedor-2 {
    display: flex;
    justify-content: space-between;
}

.contenedor-2 p {
    display: block;
}

.contenedor-2 img {
    width: 50px;
}

.contenedor div {
    margin-top: 10px;
    margin-bottom: 10px;
}

.reproductor {
    margin-top: 30px;
    border: 2px solid white;
    padding: 5px;
    background: black;
    border-radius: 10px 10px 10px 10px;
}

#radio_altruistas {
    width: 300px;
}

.caja-1,
.caja-2,
.caja-3,
.caja-4 {
    flex: 1;
}

#movimiento {
    display: none;
}

#pie_pagina {
    font-family: 'Dancing Script', cursive;
    font-size: 1.5em;
    border-top: 2px solid black;
    border-bottom: 2px solid black;
    background: black;
    color: greenyellow;
    border-bottom: 2px solid white;
    border-top: 2px solid white;
}

@media screen and (max-width: 1200px) {
    
}
/* Para pantallas large */

@media screen and (max-width: 992px) {
    
}
/* Para pantallas medium (md) */

@media screen and (max-width: 768px) {
    
}
/* Para pantallas small (sm)*/

@media screen and (max-width: 576px) {
    .iiframe { 
        width: 400px; 
        height: 920px;
    }
}