@media (orientation: portrait){
	nav ul {
	-webkit-column-count: 2;
	-moz-column-count: 2;
	column-count: 2;
	}
}
nav ul {
  margin: 0 auto;
  width: 80%;
  min-width: 250px;
  max-width: 900px;
  padding-bottom: 10px;
  border-bottom: 1px solid white;
  text-align: center;
  padding-inline-start: 0;
}
nav li {
  width: 10%;
  min-width: 70px;
  text-align: center;
  display: inline-block;
  padding: 5px;
  transition: ease-in-out 350ms;
  border-radius: 20px;
}
nav li:hover {
  font-weight: bold;
}
nav a {
  color: white;
  text-decoration: none;
}