@font-face {
  font-family: Circular Light;
  src: url("../fonts/CircularStd-Light.otf");
}
@font-face {
  font-family: Circular Medium;
  src: url("../fonts/CircularStd-Medium.otf");
}
@font-face {
  font-family: Circular Book;
  src: url("../fonts/CircularStd-Book.otf");
}
@font-face {
  font-family: Circular Bold;
  src: url("../fonts/CircularStd-Bold.otf");
}
@font-face {
  font-family: Circular SBold;
  src: url("../fonts/CircularStd-Black.otf");
}
.navOn::after {
  content: "";
  background: #fff;
  position: absolute;
  bottom: 0;
  height: 1.7px;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 50%;
  width: 12%;
}

.navOff:hover::after {
  content: "";
  background: #fff;
  position: absolute;
  bottom: 0;
  height: 1.7px;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 50%;
  width: 5%;
}

* {
  font-family: "Circular Light", sans-serif;
}

.headBold {
  font-family: "Circular Book";
}

.headSuperBold {
  font-family: "Circular Bold";
}