dl {
  padding: 0px;
  margin: 0px;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  background:#fff;
  max-width: 650px;
  height: 30px;
  border: solid 1px #4034aa;
  text-align: center;
  list-style-type:none;
  margin: auto;
}


dl dt,dd {

  padding: 3px 0px 0px 0px;
  margin: 0px;
  width: 100%;
  border: solid 1px #eee;
}
flexitem{
  width: 30%;
  height: 30px;
  text-align: center;
  color: #fff;
}

.item1{
  bacoground: #66f;
  flex-basis: 20%;
}

.item2{
  bacoground: #66f;
  flex-basis: 39%;
}

.item3{
  bacoground: #66f;
  flex-basis: 39%;
}

#nav a {
  color: #fff;
}

.item2 a {
  color: #00f;
}

.item2 a:visited {
  color: #00f;
}