@media (min-width: 576px) {
	/* Add a gray right border to all list items, except the last item (last-child) */
*{
  color: green;
  background-color: aquamarine; 
}

/*ul{
  background-color: aqua;
}
*/

li {
  display: inline;
  border-right: 1px solid #bbb;
  color: orange; 
}

li:last-child {
  border-right: none;
}

.active{
  //background-color: yellow;
}
	
	}

@media (min-width: 768px) {
	/* Add a gray right border to all list items, except the last item (last-child) */
*{
  color: green;
  //background-color: aquamarine; 
}

/*ul{
  background-color: aqua;
}
*/

li {
  display: inline;
  border-right: 1px solid #bbb;
  color: orange; 
}

li:last-child {
  border-right: none;
}

.active{
  background-color: yellow;
}
	
	}

@media (min-width: 992px) {
	/* Add a gray right border to all list items, except the last item (last-child) */
*{
  //color: green;
  background-color: aquamarine; 
}

/*ul{
  background-color: aqua;
}
*/

li {
  display: inline;
  border-right: 1px solid #bbb;
  color: orange; 
}

li:last-child {
  border-right: none;
}

.active{
  background-color: yellow;
}
	
	}

@media (min-width: 1200px) {
	/* Add a gray right border to all list items, except the last item (last-child) */
*{
  //color: green;
  background-color: aquamarine; 
}

/*ul{
  background-color: aqua;
}
*/

li {
  display: inline;
  border-right: 1px solid #bbb;
  color: orange; 
}

li:last-child {
  border-right: none;
}

.active{
  background-color: yellow;
}

}