@media (min-width:2000px) {
    .menu-close {
        font-size: 45px;
    }

    .menu-img {
        margin-top: 20px;
    }

    .menu-li a {
        font-size: 30px;
    }

    .li-span {
        font-size: 20px;
    }

    .top-menu-img img {
        width: 130%;
    }

    .top-menu-text {
        font-size: 30px;
    }

    .information {
        margin-top: 40px;
    }

    .information-bar {
        width: 600px;
        height: 200px;
        margin-left: 45px;
    }

    .animation-i {
        font-size: 40px;
    }

    .animation-text {
        font-size: 25px;
    }

    #demo {
        height: 800px;
    }
}

@media (max-width:1050px) {
    .information-bar {
        margin-left: 10px;
    }

    #demo {
        height: 400px;
    }
}

@media (max-width:800px) {
    #demo {
        height: 300px;
    }
}

@media (max-width:450px) {
    .menu {
        width: 100%;
        overflow: auto;
        margin-right: -35px;
    }

    .information-bar {
        margin-left: 0px;
        width: 100%;
        overflow: auto;
    }

    #demo {
        height: 200px;
    }

    #yukari {
        padding: 13px;
    }

    #yukari:hover {
        background-color: white;
        color: black;
    }

}

@media (max-width:350px) {
    .top-menu-img img {
        width: 50%;
        height: 40%;
    }

    .menu {
        margin-right: 0px;
    }


    .top-menu-text {
        top: 50px;
        font-size: 20px;
        float: left;
        padding-left: 30px;
        width: 100%;
    }
}

@media (max-width:px) {}

@media (max-width:px) {}

@media (max-width:px) {}