.flex-grid {
  display: flex;
  flex-wrap: wrap;
  padding-left:0;
}

.flex-grid li {
  width: 30%;
  margin: 1%;
  box-sizing: border-box;
  padding: 10px;
	background-color: white;
  box-shadow: 1px 1px 0 #b6c3c8;
  transition: all 0.6s ease;
  list-style:none;
  text-align:center;
  padding:5% 0;
  font-family: 'franklin-gothic-urw-cond', sans-serif;
  text-transform: uppercase;
  font-weight: bold;
}

.flex-grid li a {
	color:#232d4b;
}

.flex-grid li::after {
  content: ' >';
  color: #e57200;
}

.flex-grid li:hover {
	box-shadow: 5px 5px 0 #b6c3c8;
}