/* Responsive
----------------------------------------------------------------------------- */

@media only screen and (min-width: 760px) {
    #intro_container {
        margin: 0;
        width: 100%;
        height: 100%;
        text-align: center;
    }

    #logo_panel {
        width: 100%;
        float: left;
    }

        #logo_panel .logo_back {
            margin: auto;
            height: 100%;
        }

    #intro_text {
        width: 100%;
        float: left;
    }

        #intro_text .intro_menu {
            width: 300px;
            margin-top: -100px;
            margin-left: auto;
            margin-right: auto;
        }

        #intro_text .spliter {
            display: normal;
            border: none;
        }

        #intro_text .key {
            margin: auto;
            width: 95px;
            border: none;
        }
}

@media only screen and (min-width: 480px) and (max-width: 759px) {
    #intro_container {
        margin: 0;
        width: 100%;
        text-align: center;
    }

    #logo_panel {
        width: 100%;
        float: left;
    }

        #logo_panel .logo_back {
            margin: auto;
            width: 100%;
        }

    #intro_text {
        width: 100%;
        float: left;
    }

        #intro_text .intro_menu {
            width: 300px;
            margin-top: -100px;
            margin-left: auto;
            margin-right: auto;
        }
}

@media only screen and (min-width: 200px) and (max-width: 479px) {
    #intro_container {
        margin: 0;
        width: 100%;
        text-align: center;
    }

    #logo_panel {
        width: 100%;
        float: left;
    }

        #logo_panel .logo_back {
            margin: auto;
            width: 100%;
        }

    #intro_text {
        width: 100%;
        float: left;
    }

        #intro_text .intro_menu {
            width: 180px;
            margin-top: -60px;
            margin-left: auto;
            margin-right: auto;
        }

        #intro_text .spliter {
            display: none;
        }

        #intro_text .key {
            margin: auto;
            width: 75px;
            border: none;
        }
}