/* Portrait */
@media screen and (orientation:portrait) {
    /* Portrait styles */
    .loadingSfondo{
        width: 50%;
        margin: 0 auto;
        text-align: center;
        padding-top: 100px;
    }

    .loadingText{
        margin-top: 10%;
        padding-left: 15px;
    }
}
/* Landscape */
@media screen and (orientation:landscape) {
    /* Landscape styles */
    .loadingSfondo{
        padding-top: 40px;
        width: 25%;		
        margin: 0 auto;
        text-align: center;
    }

    .loadingText{
        margin-top: 5%;
    }
}

.loadingSfondo{
    content: url('data:image/png;base64,[encoded data, 8476 characters]
');
}

.loadingText:after{
    content: url('data:image/gif;base64,[encoded data, 14428 characters]');
}
