<style>
        html {
            height: 100%;
        }

        #container169 {
            position: relative;

        }

        #container169>section {
            position: absolute;
            top: 0px;
            left: 0px;
            width: 100%;
            height: 100%;

        }

        #resize {
            position: absolute;
            width: 2.7%;
            height: 6%;
            left: 1%;
            top: 1%;
            color: #333;
            background-color: #FFF;
            z-index: 999999999999;
        }

        body {
            background: #000;
            overflow: hidden;
            padding: 0px;
            min-height: 1%;
        }



        #mascot {
            left: 63%;
            top: 44%;
            width: 12%;
        }

        #mascot>div {
            background-image: url('/images/homepage_mascot.png');
        }

        .home_container {
            background-position: center;
            background-size: cover;
            background-repeat: no-repeat;
            background-image: url('/images/edbscience_homepage_bg.jpg');
        }

        .home_bg_title {
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover !important;
            background-image: url('/images/edbscience_homepage_bg.png');
            background-size: 100%;
            position: absolute;
            width: 100%;
            height: 100%;
        }

        #home_text {
            background-position: left;
            background-repeat: no-repeat;
            background-image: url('/images/edbscience_homepage_message.png');
            background-size: 100%;
            left: 3%;
            width: 25%;
            top: 3%;
            padding-bottom: calc(25% * 105 / 592);
        }

        .page_content {
            width: 100%; 
            height: 100%;
        }

    </style>