/*.imagen {
    overflow: hidden
}*/

.imagen,
.imagen .grafico {
    display: block;
    position: relative;
    width: 100%
}

.imagen .grafico {
    margin-top: 30px
}

.imagen .grafico .grafico-fondo {
    width: 100%
}

.imagen .grafico .grafico-fondo.grafico-desktop {
    margin-bottom: -4px
}

.imagen .grafico .vigilado {
    position: absolute;
    top: -80px;
    right: 10px;
}

.grafico-fondo img {
    width: 100%
}

.imagen .grafico .grafico-desktop-personajes {
    margin: 0 auto;
    max-width: 984px
}

.imagen .grafico .grafico-desktop-personajes img {
    bottom: 10%;
    max-height: 195px;
    max-width: 984px;
    position: absolute
}

.grafico-mobile,
.grafico-tablet {
    display: none
}

.grafico-desktop,
.grafico-desktop-personajes {
    display: block;
    padding-top: 40px
}

@media(max-width:768px) {
    .about {
        margin-top: -5px
    }

    .grafico .grafico-desktop,
    .grafico .grafico-desktop-personajes,
    .grafico .grafico-tablet {
        display: none
    }

    .imagen .grafico .grafico-fondo.grafico-mobile {
        display: block
    }
}

@media (min-width:769px) and (max-width:1024px) {
    .about {
        margin-top: -5px
    }

    .grafico .grafico-desktop,
    .grafico .grafico-desktop-personajes,
    .grafico .grafico-mobile {
        display: none
    }

    .imagen .grafico .grafico-fondo.grafico-tablet {
        display: block
    }

    .grafico .grafico-personajes {
        left: 45% !important;
        top: 40% !important;
        width: 80% !important
    }

    .footer-container-wrapper {
        margin-top: 0
    }

    .about {
        margin-top: -24px
    }
}