.pcnav{
    background-color: #545454;
    padding: 10px;
    height: 35%;
    display: grid;
    grid-template-columns: auto auto;
}
.navitem{
    color: lightgray;
    font-size: 26px;
    font-weight: bold;
    text-decoration: none;
    transition: 0.15s;
    grid-column: auto;
    height: 35%;
}
.navitem:hover{
    text-underline-offset: 10px;
    text-decoration-line: underline;
    font-size: 27px;
    transition: 0.15s;
}
.currentnavitem{
    text-decoration-line: underline;
    font-size: 26px;
    color: lightgray;
    font-weight: bold;
    grid-column: auto;
    text-underline-offset: 10px;
}
.currentnavitem:hover{
    font-size: 27px;
    transition: 0.15s;
}
.logo{
    grid-column: 1;
    height: 50%;
    width: auto;
}
.nav-links{
    display: grid;
    grid-template-columns: auto auto auto auto auto auto auto;
    grid-column: 2;
}
.handynav{
    display: none;
}


@media only screen and (max-width: 1000px) {
    .pcnav {
      display: none;
    }
    .nav-links{
        display: none;
    }
    nav{
        display: grid;
        grid-template-columns: auto auto;
    }
    .handynav{
        display: grid;
        height: 50px;
        width: 50px;
        content: 0px;
        background-color: rgb(52, 51, 51);
        grid-column: 1;
    }
    .nav-links-handy{
        grid-row: 2;
        display: none;
        list-style-type: none;
    }
    .handynav:hover{
        width: 100%;
        height: 100%;
        > .logo{
            display: none;
        }
        > .nav-links-handy{
            display: flex;
        }
    }
    .logo{
        padding-left: 55px;  
        grid-column: 2;      
    }
    .navitem{
        color: lightgray;
        font-size: 26px;
        font-weight: bold;
        text-decoration: none;
        transition: 0.15s;
        height: 35%;
        &:hover{
            text-underline-offset: 3px;
            text-decoration-line: underline;
            font-size: 27px;
            transition: 0.15s;
        }
    }
    .currentnavitem{
        text-decoration-line: underline;
        font-size: 26px;
        color: lightgray;
        font-weight: bold;
        text-underline-offset: 3px;
    }
  }
  .menu{
    width: 50px;
    height: 50px;

  }