html {
    font-size: 62.5%;
}

html, body, .mainContainer {
    width: 100%;
    height: 100%;
    font-family: 'Rubik', sans-serif;
    color: rgba(46,45,71,1);
    margin: 0;
    padding: 0;
}

.topContainer {
    width: 100%;
    height: 77.3%;
    background-image: url('background.png');
    background-size: cover;
    position: relative;
}

.bottomContainer {
    width: 100%;
    height: 22.7%;
    background: rgb(159,216,227);
    background: linear-gradient(90deg, rgba(159,216,227,1) 0%, rgba(158,217,230,1) 100%);
}

#Layer_2 {
    width: 152px;
    height: 41px;
    overflow: visible;
}

#Vector_Smart_Object {
    position: absolute;
    width: 35%;
    right: 10%;
    bottom: -20%;
    overflow: visible;
}

.topContainer > div, 
.bottomContainer > div {
    padding-left: 10%;
}

.logo {
    padding-top: 10%;
}

#The_site_is_currently_down_for {
    font-size: 4.8vw;
    padding-top: 50px;
}

#We_apologize_for_any_inconveni {
    font-size: 2.4vw;
    padding-top: 50px;
}

#Please_try_after_ {
    font-size: 2.4vw;
    padding-top: 2.5%;
}

#ID12PM_26th_February_IST {
    font-size: 3.6vw;
    padding-top: 15px;
}

@media (max-width: 330px) {
    #Vector_Smart_Object {
        width: 50%;
        left: 20%;
        bottom: 15%;
    }
}

@media (min-width: 330px) and (max-width: 500px) {
    #Vector_Smart_Object {
        width: 50%;
        left: 20%;
        bottom: 5%;
    }
}

@media (min-width: 501px) and (max-width: 1024px) {
    #Vector_Smart_Object {
        width: 45%;
        bottom: -15%;
        right: 5%;
    }
}

@media (min-width: 701px) and (max-width: 1023px) {
    #Vector_Smart_Object {
        width: 40%;
        bottom: -18%;
    }
}

@media (min-width: 851px) and (max-width: 1023px) {
    #Vector_Smart_Object {
        width: 40%;
        bottom: -20%;
    }
}

@media (min-width: 851px) {

    #The_site_is_currently_down_for {
        font-size: 4vw;
    }
    
    #We_apologize_for_any_inconveni {
        font-size: 2vw;
    }
    
    #Please_try_after_ {
        font-size: 2vw;
    }
    
    #ID12PM_26th_February_IST {
        font-size: 3vw;
    }
}


/* @media (max-width: 500px) {
    #Vector_Smart_Object {
        width: 50%;
        left: 20%;
        bottom: 15%;
    }
} */