nav ul,nav ul li{
    font-family:'Short Baby Font'
}
#check,#checkbtn{
    display:none
}
nav{
    background:#000;height:100px;width:100%
}
nav img{
    height:60px;margin-top:10px;margin-left:20px
}
nav ul{
    float:right;margin-right:20px
}
nav ul li{
    display:inline-block;line-height:100px;margin:0 5px
}
nav ul li a{
    color:#fff;font-size:17px;padding:7px 13px;border-radius:3px
}

@media(max-width:952px){
    nav img{height:80px;margin-top:10px;margin-left:10px
    }
    nav ul li a{
        font-size:15px
    }
}

@media(max-width:858px){
    a.active,a:hover,ul{
        transition:.5s
    }
    #checkbtn{
        height:25px;width:40px;background:red;padding-top:5px;margin-top:25px;margin-right:5px;font-size:15px;display:flex;justify-content:space-around;border:1px solid red;border-radius:2px
    }
    nav{
        background:#000;color:green;height:80px;width:100%
    }
    nav img{
        height:60px;margin-top:10px;margin-left:20px
    }
    ul{
        position:fixed;width:80%;height:100%;background:#fff;left:-100%;text-align:center
    }
    nav ul li{
        display:block;margin:50px 0;line-height:30px
    }
    nav ul li a{
        color:#000;font-size:20px
    }
}