body{
    oncontextmenu="return false;"
}
div#load_screen {
    position: fixed;
    z-index: 100;
    width: 100%;
    height: 100vh;
    background-color: rgb(255, 255, 255, 0.7);
}

div#loading {
    position: absolute;
    margin-left: 47%;
    top: 50%;
    width: 85px;
    height: 85px;
    background: transparent;
    border-top: 6px solid #a02929;
    border-right: 5px solid transparent;
    border-radius: 50%;
    -webkit-animation: 1s spin linear infinite;
    animation: 1s spin linear infinite;
}

@media (max-width: 992px) {
  div#load_screen.container {
     display: flex;
    vertical-align: center;
    justify-content: center;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
  }
  div#loading {
    margin-left: 0;
  }
}
@media (min-width: 100px) {
div#load_screen.container {
    max-width: 100%;
}
}
@-webkit-keyframes spin {
    -webkit-from {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    -webkit-to {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-webkit-keyframes spin {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes spin {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

div#splash {
    position: fixed;
    width: 100%;
    height: 100vh;
    background-color: #a02929;
    top: 0;
    left: 0;
    z-index: 12;
    color: white;
    text-align: center;
    line-height: 90vh;
}