.nav_wrapper_main {
  position:fixed;
  display:grid;
  top:0;
  height:100px;
  background:#00c0bb;
  COLOR:#FFF;
  z-index:1000;
  grid-template-columns: 1fr auto;
}

.nav_bar {
  position:fixed;
  display:grid;
  top:0;
  height:100px;
  background:#00c0bb;
z-index:999;
}

#nav_logo_link {
  align-self:center;
  justify-self:flex-start;
  padding:0px;
}

#where_to {
  grid-column: 2;
  align-self:center;
}

.nav_logo_col {
  z-index:1000;
}

.nav_logo {
  height:40px;
  justify-self:flex-start;
  align-self:center;
}

.nav_list a {
  grid-row:1;
  align-self: center;
  margin-left:20px;
}

.nav_list {
  grid-row:1;
  justify-self:flex-end;
  align-self:center;
}

.nav_list a:hover {
  color:#0088ff;
}

.products:hover .nav_wrapper_main {
  background:#000;
  height:200px;
}

.hamburger {
  display:none;
}

@media screen and (max-width: 640px) {

  .nav_wrapper_main {
    position:fixed;
    display:grid;
    top:0;
    height:140px;
    background:#00c0bb;
    COLOR:#FFF;
    z-index:1000;
    grid-template-columns: 1fr;
    grid-template-rows: auto auto;

  }

  #nav_logo_link {
    grid-column: 1;
    grid-row: 1;
    align-self:center;
    margin-left:0px;
    justify-self:center;
    padding:10px;
    margin-top:10px;
  }

  #where_to {
    grid-column: 1;
    grid-row: 2;
    align-self:center;
    justify-self:center;
    margin-bottom:10px;
  }

  .nav_bar {
    position:fixed;
    display:grid;
    top:0;
    height:140px;
    background:#00c0bb;
  z-index:999;

  }

}