.nanobar-modal .aurora-nanobar-firstlogin {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    bottom: 0;
    background: rgba(0,0,0,0.6) !important;
    z-index: 10000;
}

.nanobar-modal .aurora-nanobar-firstlogin .aurora-nanobar-container {
    position: fixed;
    z-index: 10001;
    top: 50%;
    left: 50%;
    margin-left: -415px;
    width: 830px;
    text-align: center;
    background-color: #3a393b;
    transform: translateY(-50%);
    padding: 1.5rem;
}

.nanobar-modal .aurora-nanobar-firstlogin .aurora-nanobar-container .aurora-nanobar-text {
    margin-bottom: 16px !important;
}

.nanobar-modal .aurora-nanobar-firstlogin .aurora-nanobar-container .aurora-nanobar-text,
.nanobar-modal .aurora-nanobar-firstlogin .aurora-nanobar-container .nanobar-buttons {
    flex: 0 0 100%;
    max-width: 100%;
    text-align: center !important;
}

@media (max-width:992px) {
    #logo > a > img {
        display: block;
        margin-left: auto;
        margin-right: auto;
        width: 50%;
    }
}
@media screen and (max-width: 992px) {
    .nanobar-modal .aurora-nanobar-firstlogin .aurora-nanobar-container {
        margin-left: -45%;
        max-width: 90%;
    }
}