.nav {
  background: #fff;
  height: 70px; /* set same as height & line-height below */
}

/* Copyright © 2018 - 2022 : CityElevated Inc. & MyCityElevated  */

.nav li {
  display: inline-block;
  list-style: none;
  height: 60px; /* should be the same as line-height */
  line-height: 60px; /* should be the same as height */
  padding: 5px 10px; /* "0" sets top and bottom padding to none */
}

/* :hover allows you change the background color of the nav items when you mouse over them. Play around with the transition value to change the speed of the hover transition. */
.nav li:hover {
  background: #ddd;
  transition: background .3s;
}

/* This rule is applied to the link <a> tag. It lets you turn off the link underline and set the link text color. */
.nav-link {
  color: #000;
  text-decoration: none;
}