.header{
    width: 100%;
    background-color: #FFFFFF;
    box-shadow: 0 10px 20px rgba(0,0,0,0.05), 0 6px 6px rgba(0,0,0,0.10);
    grid-row: 1/2;
}
  
.navbar{
    width: 100%;
    max-width: 1000px;
    max-height: 10vh;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(8, 1fr);
    grid-template-rows: auto;
    grid-gap: 16px;
}
  
.navbar > .nav_logo{
    grid-column: 1/3;
    align-self: center;
}
  
.navbar > .nav_logo > img{
    width: 100%;
}
  
.navbar > ul{
    grid-column: 6/9;
    justify-self: end;
    align-self: stretch;
    padding: 0;
    font-size: x-large;
}
  
.navbar > ul > li{
    float: left;
    list-style: none;
    margin-left: 1rem;
}