/*** ESSENTIAL STYLES ***/

.hd-menu, .hd-menu * {
  font-family: "Work Sans", sans-serif;
	margin:	0;
	padding: 0;
	list-style: none;
  color: white;
  font-size: 20px;
}
ul.hd-menu {margin:0;}
.hd-menu li {
  float: left;
  margin: 0 24px 0 0;
}
.hd-menu a {
  text-decoration: none;
}
.hd-menu a, .hd-menu a:visited {
  color: white;
  text-decoration: none;
}
.hd-menu a:active, .hd-menu a:hover {
  color: #00afda;
}

/* for 640px and less - Only portrait for retina display */
@media all and (max-width:640px),
            screen and (-webkit-min-device-pixel-ratio: 3.0) and (max-width: 1920px) and (orientation: portrait),
            screen and (-webkit-min-device-pixel-ratio: 2.0) and (max-width: 1280px) and (orientation: portrait) {
ul.hd-menu {margin:0;}
.hd-menu li {display:block;float:none;margin:0 6px;text-align:center;}
}