@media only screen and (max-width: 481px){
    
    body { margin: auto; width: 100%; height: 100%; font-family: Poppins;
        background-color: antiquewhite;
        border: 1px solid orangered;
    }
    #kontener { 
        margin: auto; 
        width: 100%; height: 100%; 
        /* background-color: antiquewhite; */
        /* border: 0 solid blue; */
    }
        #bingkai-kepala { position: fixed; z-index: 11;
            margin: auto; top: 0;
            width: 99.9%; height: 15%;
            background-color: orangered;
            border: 1px solid orangered;
            border-bottom: 2px solid red;
        }
            #bingkai-header { 
                margin: 0; padding-top: 7px;
                width: 99.9%; height: 66%;
                /* background-color: rgb(252, 11, 11); */
                /* background-color: orangered; */
                /* border: 1px solid white; */
            }
                #bingkai-logo-appname { margin: auto; 
                    width: 100%; height: auto; 
                    border: 1px solid orangered;
                }
                    #bingkai-logo { margin: 1px 7px; padding: 2px; width: 15%; height: 45%; display: inline-block; }
                        #logo { margin: auto; width: 99%; height: 88%; 
                            border-radius: 50%;
                            background-color: black; 
                            border: 2px solid white;
                        }

                    #bingkai-appname { margin: auto; margin-left: 11px; width: 74%; display: inline-block;
                        background: none;
                        /* border: 1px solid rgb(252, 11, 11); */
                    }
                        #appname { margin: auto; line-height: 27px;
                            font-size: 22px; font-family: Agbalumo, Poppins; color: white; 
                        }
                        #appname span { font-size: 15px; font-family: Flamenco, Poppins; color: white; }
                        
                    /* #bingkai-beranda { margin: auto; padding-top: 3px; float: right; */
                        /* width: 12%; height: auto; */
                        /* border: 1px solid rgb(252, 11, 11); */
                        /* border: 1px solid orangered; */
                    /* } */
                        /* #beranda { margin: auto; width: 99%; height: 44%; border: 0; 
                            border: 0 solid white; border-radius: 50px; } */
                        
                #bingkai-marquee { margin: 0; width: 100%; height: auto; 
                    /* background-color: orangered; border: 1px solid orangered; */
                }
                    #marquee { margin-top: 7px; transform: translate3d(); 
                        font-size: 12px; color: white;
                    }


        #bingkai-konten { margin: auto; margin-top: 103px; margin-bottom: 2px; padding: 11px; z-index: 1;
            width: 93.5%; height: auto; text-align: justify; color: darkred; font-size: 12px;
            background-color: antiquewhite; border: 1px solid antiquewhite; 
        }
            #bingkai-logo-otofan { margin: auto; width: 99px; height: 99px; align-content: center; }
                #logo-otofan { margin: auto; width: 100%; height: 100%;}

            /* h1, h3, p, ol, ul, li { margin: auto; } */
            h3, #judul, .topik { text-align: center; color: rgb(11, 99, 11); color: orangered; font-weight: 900; }
            .topik { margin-top: 55px; line-height: 33px; color: darkred;
                /* text-shadow: 1px 1px 1px red; */
                border-radius: 3px; border: 1px solid darkred; 
            }
            #judul { margin-bottom: 27px; font-size: 15px;
                text-shadow: 1px 1px 1px darkred; color: rgb(11, 99, 11); color: orangered; 
            }
            #judul span { font-size: 27px; font-weight: 900; font-family: Agbalumo; text-shadow: 1px 1px 1px white;}
            .paragraf { margin-top: 27px; }

            .idhooka { font-family: Agbalumo; }
            #singkatan { font-family: Flamengo; }

            #bingkai-pembukaan { margin: auto; margin-top: 22px; border: 0; }
                #list1 { margin-left: -29px; margin-top: -22px; margin-bottom: 22px; width: 96%; float: left; }

            #bingkai-bisnisproses { margin: auto; margin-top: 11px; border: 0; }
                .langkah { margin-top: 18px; }
                .tebalkan { font-weight: bold; margin-bottom: 11px; }
            
            #bingkai-tabelpencapaian { margin: auto; margin-top: 22px; border: 0; }
                #list3 { margin-bottom: 22px; width: 89%; float: left; }
                #tabelpencapaian { font-size: 12px; }

            #bingkai-pioneer { margin: auto; margin-top: 22px; border: 0; }

            #bingkai-sdk { margin: auto; margin-top: 22px; border: 0; }
                #list4 { margin-left: -22px; width: 96%; }

            #bingkai-marigabung { margin: auto; margin-top: 77px; border: 0; }
                #span-sayainginumroh { color: orangered; }


            #bingkai-panah { position: relative;
                margin: auto; margin-top: 22px; padding: 3px 3px;
                width: 99%; height: 54px;
            }
                .bingkai-panah-dalam { 
                    margin: auto; margin-right: 1px; 
                    width: 99%; 
                }
                    .panah { display: inline-block;
                        margin: auto; margin-left: 27px; width: 21%; 
                        text-align: center; font-size: 33px; color: orangered; 
                    }

            #bingkai-sayainginumroh { margin: auto; margin-top: 22px; margin-bottom: 22px; padding: 3px 3px;
                width: 99%; height: 47px; 
                background-color: black;
                border: 1px solid darkred; border-radius: 7px; 
            }
                #btn-sayainginumroh { margin: auto; width: 99.9%; height: 99%; font-size: 22px;
                    background-color: orangered; color: darkred; border-radius: 7px; border: 0;
                }
}