* {
  box-sizing: border-box;
  font-family: sans-serif;
  font-weight: 600;
}

body {
  background-color: black;;
}

.logo {
  display: block;
  margin: 80px auto;
  height: 60px;
}

.wrapper {
  max-width: 1600px;
  padding: 0 80px;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.item {
  flex: 0 0 calc(100% / 4);
  border: 5px solid black;
  text-decoration: none;
  transition: all 300ms;
  background-color: black;
}
.item:hover {
  transform: scale(.96);
  z-index: 9;
  position: relative;
}

.item img {
  width: 100%;
}

.item .caption {
  margin-top: 10px;
  margin-bottom: 20px;
  color: black;
  text-align: center;
  display: none;
}