header {
    background: rgb(79, 79, 80);
    color: #fff;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: .5rem 2rem;
    height: 6vh;
}

.logo-header img {
    width: 50px;
}

.nav-menu ul {
    display: flex;
    align-items: center;
    margin-top: 10px;
    list-style: none;
    text-decoration: none;
}

.nav-menu li {
    margin-right: 1rem;
}

.nav-menu li:hover {
    background-color: rgb(26, 46, 26);
}

.nav-menu a {
    color: #fff;
    text-decoration: none;
}

.nav-menu li:last-child {
    /*background: #4ad295;*/
    padding: .25rem .75rem;
    border-radius: .2rem;
}

.menu-icon img {
    width: 30px;
    height: 30px;
    border-radius: 2px;
}

.menu-icon,
#check {
    display: none;
}

@media (max-width:695px) {
    .checkbtn {
        display: block;
    }
    .menu-icon {
        display: block;
        /* position: fixed; */
        top: 25px;
        left: 38px;
        cursor: pointer;
    }
    .nav-menu ul {
        display: block;
        position: fixed;
        top: 70px;
        left: -100%;
        background: rgb(63, 63, 63);
        width: 40%;
        height: 100vh;
        right: 0;
    }
    .nav-menu ul li {
        padding: 2rem;
        display: flex;
        justify-content: center;
        margin: 0;
    }
    .nav-menu ul li:last-child {
        background: none;
        padding: 1rem;
    }
    #check:checked~ul {
        left: 0;
        transition: all .25s;
    }
}