ul.topnav
  list-style-type: none
  margin: 0
  padding: 0
  overflow: hidden

ul.topnav li
  float: left

ul.topnav li a
  display: inline-block
  padding: 15px 26px
  text-decoration: none
  font-size: 15px
  background-color: #fff
  margin: 0 10px 0px 10px
  border-radius: 5px
  color: #2f3472

ul.topnav li a:hover
  background-color: #dee2ea
  text-decoration: none

ul.topnav li.icon
  display: none

@media screen and (max-width:680px)
  ul.topnav li:not(:first-child)
    display: none
  ul.topnav li.icon
    float: right
    display: inline-block

@media screen and (max-width:680px)
  ul.topnav.responsive
    position: relative

  ul.topnav.responsive li.icon
    position: absolute
    right: 0
    top: 0

  ul.topnav.responsive li
    float: none
    display: inline

  ul.topnav.responsive li a
    display: block
    text-align: left