#inner-waiting-screen {
    width: 300px;
    height: 300px;
    background-image: url('/img/logo/alterna.svg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}
#inner-waiting-screen > .wheel, #inner-waiting-screen > .inner-wheel {
    display: none;
}

.logo {
    background: url('/img/logo/alterna.svg') no-repeat center;
    background-size: contain;
}
#web_logo {
    background-image: url('/img/logo/alterna.svg');
}

@media screen and ( min-width: 960px )
{
    #web_logo {
        width: 180px;
        background-size: auto 125px;
        right: 50px;
        left: auto;
        top: 10px;
    }
}


@media screen and ( min-width: 1580px ) and ( min-height: 768px )
{
    #web_logo {
        width: 240px;
        background-size: auto 148px;
        left: 810px;
        right: auto;
    }
}

.login-container, #newaccount .default-container {
    padding-top: 15px;
}
@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}
.bounceInUp {
    animation-name: fadeIn;
}
/*
.screen-1 {
    background: rgb(68,190,239);
}
.screen-2 {
    background: rgb(82,174,50);
}

.screen-1 > .homepage-screen-logo {
    background-color: rgb(68,190,239);
}
.screen-2 > .homepage-screen-logo {
    background-color: rgb(82,174,50);
}
*/