body{
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+22,000000+33,000000+59,cc491e+100 */
    background: #000000; /* Old browsers */
    background: -moz-linear-gradient(-45deg,  #000000 0%, #000000 22%, #000000 33%, #000000 59%, #cc491e 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg,  #000000 0%,#000000 22%,#000000 33%,#000000 59%,#cc491e 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg,  #000000 0%,#000000 22%,#000000 33%,#000000 59%,#cc491e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#cc491e',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    font-family: 'Orbitron-Medium';

}

@font-face {
    font-family: 'Orbitron-Black';
    src: url('/fonts/Orbitron-Black.ttf');
}

@font-face {
    font-family: 'Orbitron-Medium';
    src: url('/fonts/Orbitron-Medium.ttf');
}

@font-face {
    font-family: 'Orbitron-Regular';
    src: url('/fonts/Orbitron-Regular.ttf');
}

@font-face {
    font-family: 'Titillium-Medium';
    src: url('/fonts/TitilliumWeb-Medium.ttf');
}


@font-face {
    font-family: 'Titillium';
    src: url('/fonts/TitilliumWeb-Black.ttf');
}

@font-face {
    font-family: 'Titillium-Regular';
    src: url('/fonts/TitilliumWeb-Regular.ttf');
}

@media (min-width: 320px) and (max-width: 500px)
{
    .container-principal{
       background: none !important;
    }

    body{
        background:  black  !important;
    }
}