/* =========================
   About toggle
========================= */

#aboutToggle {
  position: absolute;
  top: 0;
  left: 80px;

  width: 40px;
  height: 40px;

  background-color: rgba(103,115,131,0.8);

  z-index: 2000;

  cursor: pointer;
}

.mobile #aboutToggle {
  width: 40px;
  height: 40px;

  left: 80px;
}

#aboutToggle .aboutIcon {

  position: absolute;

  top: 50%;
  left: 50%;

  transform: translate(-50%, -50%);

  font-size: 24px;

  line-height: 1;

  color: white;

  font-family:
    "Helvetica Neue",
    Helvetica,
    Arial,
    sans-serif;
}

.mobile #aboutToggle .aboutIcon {
  font-size: 24px;
}

.no-touch #aboutToggle:hover {
  background-color: rgba(58,68,84,0.8);
}