/* ============================================================
  nav2
============================================================ */
nav2 ul {
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: center;
}
nav2 li {
  display: inline-block;
  margin: 0 5px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
nav2 a {
  display: block;
  color: #285064;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
nav2 a:hover {
  color: #12242d;
}
nav2 span {
  display: block;
}

@media all and (min-width: 690px) {
  nav2 li {
    margin: 0;
    -webkit-transform: skewX(-40deg);
    -moz-transform: skewX(-40deg);
    -ms-transform: skewX(-40deg);
    -o-transform: skewX(-40deg);
    transform: skewX(-40deg);
  }
  nav2 a {
    padding: 6px 28px;
    color: #a3a2a2;
    background-color: #ffffff;
  }
  nav2 a:hover {
    color: #a3a2a2;
    background-color: #a2fc4c;
  }
  nav2 span {
    -webkit-transform: skewX(40deg);
    -moz-transform: skewX(40deg);
    -ms-transform: skewX(40deg);
    -o-transform: skewX(40deg);
    transform: skewX(40deg);
	font-size: 12px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
  }
}