@media only screen and (max-width: 481px){
    
    body { margin: auto; 
        width: 99.9%; height: 672px;
        background-color: antiquewhite; 
        border: 1px solid antiquewhite;
    }
    #kontener { 
        margin: auto; 
        width: 99%; height: 98%; 
        background: none; 
        border: 1px solid antiquewhite;
    }
        #bingkai-kepala { position: relative;
            margin: 0; padding: 7px;
            width: 96%; height: 292px;
            /* border: 1px solid black; */
        }
            #bingkai-slideshow { 
                margin: 0; 
                width: 98%; height: 72%;
                background-image: url('../images/rewards/1.png');
                background-repeat: no-repeat;
                background-size: 100% 100%;
                /* border: 1px solid orangered; */
                box-shadow: 2px 2px 2px silver;
                box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.3);
                box-shadow: inset 5px 5px 10px rgba(0, 0, 0, 0.5);
                box-shadow: 2px 2px 5px black, -2px -2px 5px yellowgreen;
            }
    
            #bingkai-logo-appname { position: relative;
                margin: auto; margin-top: -41px; 
                width: 100%; height: 27%;
                z-index: 11px;
            }
                #bingkai-logo { margin: auto; margin-left: 11px;
                    width: 24%; height: 99%; float: left; 
                    /* border: 1px solid red;  */
                }
                    #logo { margin: 0; width: 99%; height: 99%; }
    
                #bingkai-appname { position: absolute; bottom: 1px;
                    margin: auto; margin-left: 11px; display: inline-block;
                    width: 69%; height: auto; color: orangered; 
                    /* border: 1px solid white; */
                }
                    #appname { margin: auto; 
                        font-size: 19px; font-family: Agbalumo, Poppins; 
                    }
                    #appname span { font-family: Flamenco, Poppins; text-shadow: 1px 1px orange, 1px -1px orange; }
                    
            #bingkai-marquee { position: absolute; bottom: 0;
                margin: auto; 
                width: 99%; height: auto;
            }
                marquee { margin: auto; width: 99%; line-height: 27px; transform: translate3d(); 
                    color: rgb(59, 59, 136); font-weight: 500; 
                }
                marquee span { font-family: Agbalumo;}
    
    
        hr { height: 1px; border: 1px solid orange; background-color: orange;  }
    
        #bingkai-menu {
            margin: 0; margin-top: 22px; 
            width: 99%; height: auto;
            text-align: justify; 
            background: none;
            border: 0;
            /* border: 1px solid green; */
        }
            #bingkai-menuutama { margin: auto; width: 88%; }
                .menuutama { margin: auto; margin-bottom: 22px;
                    width: 99%; line-height: 57px;
                    font-size: 22px; 
                    background-color: orangered; border: 0 solid gray;
                    box-shadow: 1px 2px 1px darkred;
                    border-radius: 27px;
                }
                    button a { text-decoration: none; color: white; }
}