.am-page-loading {
    width: 100vw;
    height: 100vh;
    background-color: white;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: fixed;
    top: 0;
    left: 0;
}
.am-page-loading .bg-img {
    background-image: url("../image/logo-color.png");
    background-size: cover;
    position: absolute;
    z-index: 1;
    opacity: .15;
}
.am-page-loading .loading span{
    display: inline-block;
    background: rgba(203, 220, 92, 0.76);
    animation: load 1s ease infinite;
}
.am-page-loading .loading+p {
    font-weight: bolder;
}
.am-page-loading .loading span:nth-child(2){
    -webkit-animation-delay:0.2s;
}
.am-page-loading .loading span:nth-child(3){
    -webkit-animation-delay:0.4s;
}
.am-page-loading .loading span:nth-child(4){
    -webkit-animation-delay:0.6s;
}
.am-page-loading .loading span:nth-child(5){
    -webkit-animation-delay:0.8s;
}
@media screen and (orientation: portrait) {
    
    @media only screen and (min-width: 320px) and (max-width: 767px) {
        .am-page-loading .bg-img {
            width: 80vw;
            height: 80vw;
            right: -20vw;
            bottom: -20vw;
        }
        .am-page-loading .loading span{
            width: 1rem;
            height: 3vh;
            border-radius: .5rem;
            margin: 0 .8rem;
        }
        .am-page-loading .loading+p {
            margin-top: 9vh;
            font-size: 1.8rem;
            letter-spacing: .6rem;
        }
        @keyframes load{
            0%,100%{
                height: 3vh;
                background: rgba(203, 220, 92, 0.76);
            }
            50%{
                height: 15vh;
                margin: -5vh 0.8rem;
                background: rgba(44, 191, 217, 0.75);
            }
        }
    }
    @media only screen and (min-width: 768px) {
        .am-page-loading .bg-img {
            width: 70vw;
            height: 70vw;
            right: -20vw;
            bottom: -20vw;
        }
        .am-page-loading .loading span{
            width: 1.6rem;
            height: 5vh;
            border-radius: .8rem;
            margin: 0 1.5rem;
        }
        .am-page-loading .loading+p {
            margin-top: 9vh;
            font-size: 2.5rem;
            letter-spacing: .6rem;
        }
        @keyframes load{
            0%,100%{
                height: 5vh;
                background: rgba(203, 220, 92, 0.76);
            }
            50%{
                height: 15vh;
                margin: -5vh 1.5rem;
                background: rgba(44, 191, 217, 0.75);
            }
        }
    }
}

@media screen and (orientation: landscape) {
    
    .am-page-loading .bg-img {
        width: 80vh;
        height: 80vh;
        right: -20vh;
        bottom: -20vh;
    }

    @media only screen and (max-width: 999px) {
        .am-page-loading .loading span{
            width: 1rem;
            height: 10vh;
            border-radius: .5rem;
            margin: 0 .8rem;
        }
        .am-page-loading .loading+p {
            margin-top: 16vh;
            font-size: 1.7rem;
            letter-spacing: .6rem;
        }
        @keyframes load{
            0%,100%{
                height: 10vh;
                background: rgba(203, 220, 92, 0.76);
            }
            50%{
                height: 25vh;
                margin: -9vh 0.8rem;
                background: rgba(44, 191, 217, 0.75);
            }
        }
    }
    @media only screen and (min-width: 1000px) {
        .am-page-loading .loading span{
            width: 1.6rem;
            height: 5vh;
            border-radius: .8rem;
            margin: 0 1.5rem;
        }
        .am-page-loading .loading+p {
            margin-top: 9vh;
            font-size: 2.5rem;
            letter-spacing: .6rem;
        }
        @keyframes load{
            0%,100%{
                height: 5vh;
                background: rgba(203, 220, 92, 0.76);
            }
            50%{
                height: 15vh;
                margin: -5vh 1.5rem;
                background: rgba(44, 191, 217, 0.75);
            }
        }
    }
}