/* todos */

/* #menu ul li a {*/
#menu {
  font-family: 'Archivo Black', sans-serif;
}

#menu {
  font-weight: bold;
  font-size: 14pt;
}
#menu ul {
  padding: 0;
  margin: 0;
  display: block;
  list-style: none;
  padding: 0em 3em;
}
#menu ul li a {
  text-transform: uppercase;
  padding: .8em 3em;
  padding: .8em .8em;
  border-bottom: .2em;
  border-style: solid;
}
#menu ul li a:hover {
  border-bottom: .2em;
  border-style: solid;
  text-decoration: none;
}

/* desktop */
@media (min-width: 720px) {

  #menu {
    display: block;
    width: 100%;
  }
  #menu ul {
    display: block;
    width: 100%;
  }
  #menu ul li {
    display: inline-block;
    width: 15%;
  }
  #menu ul li a {
    display: inline-block;
    padding: .4em .4em;
  }

}

@media (max-width: 720px) {

  #menu ul {
    margin: 0;
    padding: 0;
    border: 0;
  }
  #menu ul li {
    display: block;
  }
  #menu ul li a {
    display: block;
    width: 100%;
    padding: .8em 3em;
    padding: .8em .8em;
  }
}