#nav {
      font-family: Verdana, Arial, Helvetica, sans-serif;

}

.hero {
      position: relative;
    }
    .hero img {
      width: 100%;
      height: 100vh;
      object-fit: cover;
    }
    .hero-text {
      position: absolute;
      /* top: 30%;
      left: 5%; */
      color: white;
      /* max-width: 600px; */
      font-weight: lighter;
      font-size: larger;
    }
    .social-icons a {
      color: rgb(223, 207, 207);
      margin-right: 15px;
      font-size: 20px;
      transition: 0.3s;
    }
    .social-icons a:hover {
      color: #ccc;
    }