.main_logo_container {
    display:flex;
    justify-content: center;

    // position: fixed;

    //top: 50%;
    //left: 50%;
    /* bring your own prefixes */
    //transform: translate(-50%, -50%);

    margin: auto;
    margin: 18vh auto;
    width: 60%;
    height: 60%;

    left:50%;
    top:50%;



    box-sizing: border-box;


    // margin: 20vh;

    background-size: contain;
    background-image: url(../img/ic_banner.svg), none;
    background-repeat: no-repeat;

}

.main_container{
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    height: 100%;
        padding: 0px;
    // background-color: #0000FF;
}

.main_a1 {
    width:100%;
    height:20%;
    // background-color: #FF0000;
}

.main_a2 {
    width:100%;
    height:60%;

    background-size:contain;
    background-image: url(../img/ic_banner.svg), none;
    background-repeat: no-repeat;
    background-position: center;
    text-align: center;
    // background-color: #00FF00;

}

.main_progress::-webkit-progress-bar {
    background-color: black;
    border-radius: 2vh;
    border: 4px solid white;

}
.main_progress::-webkit-progress-value {
    background-color: blue;
    border-radius: 2vh 0vh 0vh 2vh;
    z-index: 1;
}

.main_progress {
    content: "Loading: ";
    width: 65%;
    height: 5%;
    position: relative;
    top:85%;
    text-align: center;
    align-self: center;

    border: 0px solid black;

    //background-color: #00FF00;
}


.main_a3 {

    text-align: center;
    width:100%;
    height:5%;

    //background-color: #0000FF;
}

.main_a4 {
    width:100%;
    height:15%;
    //background-color: #0000FF;
}

.main_logo {
    display:flex;
    justify-content: center;
    justify-self: center;

    // position: fixed;

    //top: 50%;
    //left: 50%;
    /* bring your own prefixes */
    //transform: translate(-50%, -50%);

    margin: auto;
    margin: 18vh auto;
    width: 60%;
    height: 100%;

    //left:50%;
    //top:50%;
    box-sizing: border-box;

    // margin: 20vh;
    background-size: contain;
    background-image: url(../img/ic_banner.svg), none;
    background-repeat: no-repeat;
}




div.main_foot{
    display: flex;
    flex-direction: row;
    position: absolute;
    bottom: 0;
    width: 100%;
    //background-color: rgba(25,25,25,1);
    height:7vh;
    align-items : center;

}

div.main_foot_item{
    flex: 1;
    align-self: center;
    padding: 2vw;
    font-size: 1.2vw;
    color: rgba(100,100,100,1);
    /* border: solid 1px red; */
}

div.main_foot_item.middle{
    text-align: center;
    font-size: 2vw !important;
    font-weight: bold;
    color: rgba(190,120,0,0.8) !important;
}

div.main_foot_item.right{
    display:block;
    text-align: right;
}