body {
    background-color: #fff;
    color: #333;
    font: 1.2em / 1.5 Helvetica Neue, Helvetica, Arial, sans-serif;
    padding: 1em;
    margin: 0;
}

ul {
  width: 450px;
  list-style:none;
  padding: 0;
  margin: 0;


  display: flex;
  flex-flow: row wrap;
}

li {
  background-color: #4D7298;
  border: 2px solid #77A6B6;
  border-radius: .5em;
  color: #fff;
  padding: .5em;
  margin: .5em;

  
  flex: auto;
  }