html, body {
    height: 100%;
    width: 100%;
}

@media all and (min-width: 50px) {
    body {
        font-size: 1.2em;
    }
}

@media all and (min-width: 100px) {
    body {
        font-size: 1.2em;
    }
}

@media all and (min-width: 200px) {
    body {
        font-size: 1.2em;
    }
}

@media all and (min-width: 300px) {
    body {
        font-size: 1.2em;
    }
}

@media all and (min-width: 400px) {
    body {
        font-size: 1.2em;
    }
}

@media all and (min-width: 500px) {
    body {
        font-size: 1.2em;
    }
}

@media all and (min-width: 600px) {
    body {
        font-size: 1.2em;
    }
}

@media all and (min-width: 700px) {
    body {
        font-size: 1.2em;
    }
}

@media all and (min-width: 800px) {
    body {
        font-size: 1.2em;
    }
}

@media all and (min-width: 900px) {
    body {
        font-size: 1.2em;
    }
}

@media all and (min-width: 1000px) {
    body {
        font-size: 1.2em;
    }
}

@media all and (min-width: 1100px) {
    body {
        font-size: 1.2em;
    }
}

@media all and (min-width: 1200px) {
    body {
        font-size: 1.3em;
    }
}

@media all and (min-width: 1300px) {
    body {
        font-size: 1.3em;
    }
}

@media all and (min-width: 1400px) {
    body {
        font-size: 1.3em;
    }
}

@media all and (min-width: 1500px) {
    body {
        font-size: 1.4em;
    }
}

@media all and (min-width: 1500px) {
    body {
        font-size: 1.4em;
    }
}

@media all and (min-width: 1600px) {
    body {
        font-size: 1.5em;
    }
}

@media all and (min-width: 1700px) {
    body {
        font-size: 1.5em;
    }
}


#launchmain {
    width: 100%;
    display: inline-block;
    position: relative;
   /* top: 10%;
    left: 25%;*/
}

    #launchmain:after {
        padding-top: 79.26%;
        display: block;
        content: '';
        margin-top: 10px;
    }

#box1 {
    border: 1px solid #000000;
    position: absolute;
    width: 25.37%;
    height: 21.88%
}


#box3 {
    border: 1px solid #000000;
    width: 25.37%;
    height: 21.88%;
    position: absolute;
    left: 74.39%;
}

#box4 {
    border: 1px solid #000000;
    width: 33.235%;
    height: 53.84%;
    position: absolute;
    top: 22.07%;
}

#maininvite {
/*    border: 1px solid #000000;*/
/*    width: 33.53%;
    height: 53.84%;*/
/*    position: absolute;*/
/*    top: 22.07%;
    left: 33.235%;*/
}

#box6 {
    border: 1px solid #000000;
    width: 33.235%;
    height: 53.84%;
    position: absolute;
    top: 22.07%;
    left: 66.765%;
}

#box7 {
    border: 1px solid #000000;
    width: 25.37%;
    height: 21.88%;
    position: absolute;
    top: 76.2%;
}

#box8 {
    border: 1px solid #000000;
 /*   width: 48.48%;
    height: 21.88%;*/
    position: absolute;
  /*  left: 25.64%;
    top: 76.2%;*/
}

#box9 {
    border: 1px solid #000000;
    width: 25.37%;
    height: 21.88%;
    position: absolute;
    top: 76.2%;
    left: 74.39%;
}

#maininvite h2 {
    font-size: 180%;
}

p {
    position: relative;
 /*   font-size: 80%;*/
}




.customDiv {
    display: block !important;
}

.customDiv {
    padding-top: 0rem;
    padding-bottom: 0rem;
    margin-right: -15px;
}

.customDiv {
    /*    border: 1px solid #000000;*/
    /*  width: 48.48%;*/
    max-height: calc(100vh - 30rem);
    overflow: auto;
    /*    position: sticky;*/
    /*    left: 25.64%*/
}



.DataDiv {
    display: block !important;
}

.DataDiv {
    padding-top: 0rem;
    padding-bottom: 0rem;
/*    margin-right: -15px;*/
}

.DataDiv {
    /*    border: 1px solid #000000;*/
    /*  width: 48.48%;*/
    max-height: calc(95vh - 17rem);
    overflow: auto;
    overflow-x:hidden;
    /*    position: sticky;*/
    /*    left: 25.64%*/
}

#datarow {
    display: block;
    max-height: calc(100vh - 35rem);
    overflow: auto;
}

.datarow {
    display: block;
    max-height: calc(100vh - 35rem);
    overflow: auto;
}

/* Prevent fullscreen behavior */
.stiJsViewerMain {
    position: relative !important;
    width: 100% !important;
    height: 100% !important;
    top: auto !important;
    left: auto !important;
    transform: none !important;
}

/* Constrain dashboard to container */
#dashboard-container {
    overflow: hidden;
    padding: 15px;
}

/* Mobile responsive adjustments */
@media (max-width: 768px) {
    #dashboard-container {
        height: auto !important;
        min-height: calc(100vh - [header_height] - [footer_height]);
    }

    .stiJsViewerMain {
        overflow: auto !important;
    }

    .stiJsViewerToolBar {
        flex-wrap: wrap !important;
    }
}