.topnav {float:right; overflow: hidden; margin-top: 76px; }
.topnav * {padding:5px; border:0  }
.topnav {display:inline; font-family: "Proxima Nova", sans-serif; font-weight: 600; font-size: 17px; letter-spacing: 2px; text-transform: uppercase; text-decoration: none; line-height: 1em; }
.topnav a {float: left; display: block; text-decoration: none; margin: 0 10px; color: #fff; z-index: 1; }
.topnav a:active {visibility: visible; transform: scaleX(1); }

.topnav .icon {display: none; }

@media only screen and (max-width: 768px) {
   .topnav a {font-size: 1em; }
 }

@media only screen and (max-width: 667px) {
  .topnav {font-size: 11px; letter-spacing: 2px; }
  .topnav {margin-top: 8px; }
  .topnav a:not(:first-child) {display: none;}
  .topnav a.icon {float: left; display: block; font-size: 16px; }
  .topnav.responsive {position: relative;}
  .topnav.responsive .icon {position: absolute; right: 0; top: 0; }
  .topnav.responsive a {float: none; display: block; text-align: left; font-size: 1em; }
}