.navi {
    position: absolute;
    width: 100%;
    left: 0;
    top: 30%;
    right: 0px;
    height: 40px;
    z-index: 1;
    display: inline;
    background: white;
    opacity: 0.7;
    align-items: stretch;
}

.isinav {
    color: rgb(79, 48, 19);
    font-size: 16px;
    padding: 10px 5px;
    opacity: 1;
}

.isinav.active {
    font-weight:bold;
}

.isinav-box {
    
    position: absolute;
    top: 36%;
    right: 0;
    text-align: right;
}

    .isinav:link {
        color: rgb(79, 48, 19);
    }

    .isinav:visited {
        color: rgb(79, 48, 19);
    }

    .isinav:hover {
        color: rgb(79, 48, 19);
        font-style: normal;
    }

.btnhide {
    display: none;
}

.banner-teks {
    position: absolute; top: 250px; z-index: 1000; color: white; 
    /*text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;*/
    width:100%;
}

#sidenavi {
    display: none;
}

#as {
    height: 199px;
    width: 211px;
}

@media (max-width: 1120px) {
    #as {
        height: 99px;
        width: 100px;
    }

    .isinav {
        display: none;
    }

    .btnhide {
        display: initial;
        position: absolute;
        top: 31%;
        
        right: 50px;
        /* height: 40px; */
        z-index: 999;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }
}