.nav {
  position: relative;
  z-index: 1000;
}
.nav .logo-wrap {
position:absolute;
}

.nav .logo a {
  color: white;
  font-size: 1.5rem;
  padding: 10px;
  text-decoration:none;
}
.nav .logo a:hover {
  color: #e74c3c;
  transition: color 0.3s;
}
.nav .main-nav .hamburger-nav::after {
  font-family: fontawesome;
  content: "\f0c9";
  color: #fafafa;
  font-size: 1.5rem;
  position: absolute;
  top: 9px;
  right: 20px;
  cursor: pointer;
}
.nav .main-nav .thumb-nav::after {
  font-family: fontawesome;
  content: "\f141";
  color: #fafafa;
  font-size: 1.5rem;
  position: absolute;
  top: 9px;
  right: 60px;
  cursor: pointer;
}
.nav .main-nav {
  overflow:hidden;
}
.nav .main-nav .menu-wrap {
  display:none;
  position:absolute;
  top:40px;
  width:100%;
  background:white;
  opacity:0.8;
  height: auto;
}
.nav .main-nav .menu-wrap #menu {
  display: block;
  padding:10px 0 10px 0;
  width: 100%;
  background:white;
  overflow-y:scroll;
  white-space:nowrap;
  font-size:18px;

}
.nav .main-nav #menu a {
  display: block;  
  text-decoration: none;
  padding-left:10px;
  line-height:34px;
}

.dock {
  position: relative;
  z-index: 1000;
}
.dock .main-dock {
  overflow:hidden;
}
.dock .main-dock .thumb-wrap {
  position:absolute;
  top:40px;
  width:100%;
  text-align:center;
}
.dock .main-dock .thumb-wrap #thumbs {
  display:inline-block;
  width:100%;
}