body {
  font-family: orpheus-pro;
}
.logo {
  width: 450px;
}
.nav-link:hover {
  color: black;
}
span:hover {
  background-image: linear-gradient(currentColor,currentColor);
  background-repeat: repeat-x;
  background-size: 1px 1px;
  background-position: 0 100%;
}
.nav-link {
  color: black;
  font-size: 22px;
}
.hero {
  background-color: aliceblue;
}
.central-title {
  text-align: center;
  font-size: calc(3.5 * 1.2vw + 1rem);
}
.about, .title {
  text-align: center;
  font-size: calc(1.0 * 1.2vw + 1rem);
}
.contact-submit:hover {
  background-color: aliceblue;
}

@media ( max-width: 600px ) {
.logo {
    width: 80%;
  }
}