body {
    background:#000 url('../404_files/BARCO_404_stars.png') repeat top center;
    z-index:0;
    font-family: 'Open Sans', sans-serif;
}

.page-404 {
    right: 0;
    bottom: 0;
    z-index: 1;
    position: absolute;
}

.page-404 .page-inner img {
    right: 0;
    bottom: 0;
    z-index: 1;
    position: absolute;
}

@media (max-width: 480px) {
    .page-404 .page-inner img {
        right: 0;
        bottom: 0;
        z-index: 1;
        position: fixed;

    }
}

.page-404 .error-404 {
    color: #fff;
    text-align: left;
    padding: 50px 20px 0;
}

@keyframes move-twink-back {
    from {background-position:0 0;}
    to {background-position:-10000px 5000px;}
}
@-webkit-keyframes move-twink-back {
    from {background-position:0 0;}
    to {background-position:-10000px 5000px;}
}
@-moz-keyframes move-twink-back {
    from {background-position:0 0;}
    to {background-position:-10000px 5000px;}
}
@-ms-keyframes move-twink-back {
    from {background-position:0 0;}
    to {background-position:-10000px 5000px;}
}

.twinkling {
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    width:100%;
    height:100%;
    display:block;
}

.twinkling {
    background:transparent url('../404_files/BARCO_404_twinkling.png') repeat top center;
    z-index:1;

    -moz-animation:move-twink-back 200s linear infinite;
    -ms-animation:move-twink-back 200s linear infinite;
    -o-animation:move-twink-back 200s linear infinite;
    -webkit-animation:move-twink-back 200s linear infinite;
    animation:move-twink-back 200s linear infinite;
}