ul.topnav { overflow: hidden; margin: 0; padding: 0; list-style-type: none; background-color: #1b2538; } ul.topnav li { float: left; } ul.topnav li a { display: block; padding: 14px 16px; text-align: center; text-decoration: none; color: white; } ul.topnav li a:hover:not(.active) { background-color: #FFAF58; } ul.topnav li a.active { background-color: #deb887; } ul.topnav li.right { float: right; } @media screen and (max-width: 480px) { ul.topnav li.right, ul.topnav li { float: none; } }