#menu ul {
  margin: 0;
  padding: 0;
}

#menu .main-menu {
  display: none;

}

.main-menu > li > a{
  min-width: 90px !important;
}

#tm:checked + .main-menu {
  display: block;

}

#menu input[type="checkbox"], 
#menu ul span.drop-icon {
  display: none;
}

#menu li, 
#toggle-menu, 
#menu .sub-menu {
  border-style: solid;
  border-color: rgba(0, 0, 0, .05);
}

#menu li, 
#toggle-menu {
  border-width: 0 0 1px;

}

#menu .sub-menu {
  background-color: #444;
  border-width: 1px 1px 0;
  margin: 0 1em;
}

#menu .sub-menu li:last-child {
  border-width: 0;
}

#menu li, 
#toggle-menu, 
#menu a {
  position: relative;
  display: block;
  color: white;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, .125);
}

#menu {
  background-color: #000000;
}

#toggle-menu {
  background: #333;
}

#toggle-menu, 
#menu a {
  padding: 1em 1.5em;
}

#menu a {
  transition: all .125s ease-in-out;
  -webkit-transition: all .125s ease-in-out;
}

#menu a:hover {
  background-color: white;
  color: #000000;
}

#menu .sub-menu {
  display: none;
}

#menu input[type="checkbox"]:checked + .sub-menu {
  display: block;
}

#menu .sub-menu a:hover {
  color: #444;
}

#toggle-menu .drop-icon, 
#menu li label.drop-icon {
  position: absolute;
  right: 0;
  top: 0;
}

#menu label.drop-icon, #toggle-menu span.drop-icon {
  padding: 1em;
  font-size: 1em;
  text-align: center;
  background-color: rgba(0, 0, 0, .125);
  text-shadow: 0 0 0 transparent;
  color: rgba(255, 255, 255, .75);
}

@media only screen and (min-width: 1024px) {
  #menu .main-menu {
    display: block;
  }

  #toggle-menu, 
  #menu label.drop-icon {
    display: none;
  }

  #menu ul span.drop-icon {
    display: inline-block;
  }

  #menu li {
    float: left;
    border-width: 0 1px 0 0;
  }

  #menu .sub-menu li {
    float: none;
  }

  #menu .sub-menu {
    border-width: 0;
    margin: 0;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    z-index: 3000;
  }

  #menu .sub-menu, 
  #menu input[type="checkbox"]:checked + .sub-menu {
    display: none;
  }

  #menu .sub-menu li {
    border-width: 0 0 1px;
  }

  #menu .sub-menu .sub-menu {
    top: 0;
    left: 100%;
  }

 #menu .sub-menu .drop-icon {
    position: absolute;
    top: 0;
    right: 0;
    padding: 1em;
  }

  #menu li:hover > input[type="checkbox"] + .sub-menu {
    display: block;
  }
  
.cf:after {
  content: "";
  display: table;
  clear: both;
}
.wrapper {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}

.green-sea {
  background:/* #16a085*/#7b8381 ;
}

.button.green-sea:hover {
  background: #1abc9c;
}

.belize-hole {
  background: #2980b9;
}

.button.belize-hole:hover {
  background: #3498db;
}

.pomegranate {
  background: #c0392b;
}

.button.pomegranate:hover {
  background: #e74c3c;
}

html.has-lab-nav-top {
  padding-top: 42px;
}

html.has-lab-nav-bottom {
  padding-bottom: 42px;
}

.lab-nav-top,
.lab-nav-bottom {
  width: 100%;
  position: absolute;
  left: 0;
  height: 42px;
}

.lab-nav-top.dark,
.lab-nav-bottom.dark {
  background: rgba(0, 0, 0, .05);
}

.lab-nav-top.light,
.lab-nav-bottom.light {
  background: rgba(255, 255, 255, .05);
}

.lab-nav-top {
  top: 0;
}

.lab-nav-bottom {
  bottom: 0;
}

.article-link,
.share-link {
  display: block;
  width: 50%;
  padding: .75em;
  line-height: 1;
  opacity: .7;
  float: left;
  text-decoration: none;
}

.article-link:hover,
.share-link:hover {
  opacity: 1;
}

.article-link span,
.share-link span {
  font-size: .825em;
  text-transform: uppercase;
}

.ka-zt,
.je-sca,
.ko-kou {
  font-size: .2em;
  text-align: center;
  line-height: 1;
  text-decoration: none;
}

.share-link {
  text-align: right;
}