* {
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
}
  
html,
body {
    -webkit-text-size-adjust: 100%;
    width:100%;
    height: 100vh;
    padding:0;
    margin:0;
    color: #000000;
    font-family: 'Gotham';
}

img {
    width: 100%;
    height: auto;
    user-drag: none;
    -webkit-user-drag: none;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -webkit-touch-callout: none;
}

@media screen and ( min-width: 300px ) {
    .page-container {
        display: block;
        width: 100%;
        padding: 0px;
        margin: 0px auto;
        text-align: center;
        position: relative;
        max-width: 500px;
        min-height: 100vh;
        padding-top: 50px;
    }

    .page-bg {
        display: block;
        width: 100%;
        position: fixed;
        z-index: 1;
        top: 0px;
        left: 0px;
    }

    .page-content {
        display: block;
        width: 100%;
        position: absolute;
        z-index: 2;
        padding-bottom: 0px;
        padding-top: 0px;
    }

    #welcome-video {
        display: block;
        width: 100%;
        margin: 0px auto;
        padding-top: 160px;
    }

    .eclipse {
        display: block;
        width: 70%;
        margin: 0px auto;
    }

    .register-panel,
    .register-panel-02 {
        display: block;
        width: 100%;
        margin: 0px auto;
        padding-top: 300px;
    }

    .register-panel-02 {
        padding-top: 70px;
    }

    .text-label {
        display: block;
        width: 38%;
        color: #ffffff;
        margin: 00px auto;
        text-align: left;
    }

    .text-input {
        display: block;
        width: 80%;
        color: #ffffff;
        margin: 0px auto;
        padding: 10px;
        text-align: left;
    }

    input[type='text'] {
        display: block;
        width: 100%;
        background-color: rgba( 255, 255, 255, 1);
        padding: 15px;
        text-align: center;
        font-family: 'Gotham';
        color: #000000;
    }

    .register-text {
        display: block;
        width: 70%;
        margin: 2px auto;
    }

    #register {
        width: 100%;
        margin: 0px auto;
    }

    .site-btn {
        display: block;
        width: 100%;
        margin: 50px auto;
    }

    .btn-normal {
        display: block;
        width: 50%;
        margin: 0px auto;
    }

    .show {
        display: block;
    }

    .hidden {
        display: none;
    }

    .show-panel {
        display: block;
        width: 100%;
        border-radius: 30px;
        padding: 20px;
        margin-top: 50px;
    }

    .grey-bg {
        background-color: rgba( 0, 0 ,0 , 0.5 );
    }

}