.-box > p {
  margin: 0 !important;
  font-size: 0.7em;
  padding: 0 !important;
}

.-box ul {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}

@media screen and (max-width: 799px) {
  .-box ul {
    display: block;
  }
}

.-box ul li {
  width: 30%;
}

@media screen and (min-width: 800px) {
  .-box ul li {
    margin: 0 14px 20px 14px;
  }
}

@media screen and (max-width: 799px) {
  .-box ul li {
    width: 100%;
    margin: 10px 0;
  }
}

.-box ul li img {
  width: 100%;
}

.-box ul li span {
  display: block;
  text-align: center;
  font-size: 0.8em;
  color: #4f4f4f;
}

.-box ul li a:hover {
  opacity: 0.6;
}