body {
    background: black;
}

hr {
    width: 100%;
    height: 2px;
    background-color: #383838;
    color: #383838;
}

section {
    width: 70%;
    margin-left: auto;
    margin-right: auto;
}

.videos-index {
    position: absolute;
    margin-top: -25px;
}

.videos-index-2 {
    position: absolute;
    margin-top: 51px;
}

.img {
    width: 218px;
    padding: 11px;
}

.img-ch {
    width: 50%;
}

.creditos {
    padding: 2px;
}

.wrap-videos {
    margin-top: 25px;
    width: 50%;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

@media (max-width: 1024px) {
    section {
        width: 85%;
        margin-left: auto;
        margin-right: auto;
    }
}

@media (max-width: 767px) {
    section {
        width: 95%;
        margin-left: auto;
        margin-right: auto;
    }

    .div-espacio {
        margin-top: -43px;
        margin-bottom: 39px;
    }

    .discos {
        margin-top: 10px;
        margin-bottom: 15px;
    }

    .linea-ch {
        display: block;
        padding: 8px;
        opacity: 0.5;
    }

    .img {
        width: 160px;
    }

    .img-ch {
        width: 70%;
    }

    .wrap-videos {
        margin-top: 15px;
        width: 90%;
    }

    .img-discos-21-1-1 {
        margin-top: 9px;
    }
}

@media (max-width: 450px) {
    section {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }

    .img-discos-1 {
        width: 115px;
        margin-top: 5px;
    }

    .img-discos-2 {
        height: 25px;
    }

    .img-discos-3 {
        height: 34px;
    }

    .img {
        width: 140px;
        padding: 5px;
    }

    .img-ch {
        width: 90%;
    }

    .creditos {
        padding: 2px;
    }

    .wrap-videos {
        margin-top: 8px;
        width: 100%;
    }

    .img-discos-21-1 {
        height: 33px;
    }

    .img-discos-21-1-1 {
        margin-top: 9px;
    }
}