#myUL {
  list-style-type: none;
  padding: 0;
  margin: 0;
  padding-top:6px;
  padding-right:5px;
 }

#myUL li{
  float: left;
  list-style: none;	
  width: 33%;
}

#myUL li a {
  border-bottom: 1px dotted #ddd; /* Add a border to all links */
  background-color: #f6f6f6; /* Grey background color */
  padding: 12px; /* Add some padding */
  text-decoration: none; /* Remove default text underline */
  font-size: 90%; /* Increase the font-size */
  color: black; /* Add a black text color */
  display: block; /* Make it into a block element to fill the whole list */
}

#myUL li a:hover:not(.header) {
  background-color: #eee; /* Add a hover effect to all links, except for headers */
  color: green; /* Add a black text color */
  font-weight: bold;
  /*text-decoration: underline; /* Remove default text underline */
}

@media screen and (max-width: 1023px) {
	#myUL li{
		width:50%;
	}
}

@media screen and (max-width: 479px) {
	#myUL li{
		width:100%;
	}
}