.team {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
  margin: 0 auto;
  padding-bottom: 30px;
}
.teamphoto {
  box-sizing: border-box;
  width: 23%;
  margin: 0px 1% 30px 1%;
  overflow: hidden;
}
.teamphoto img {
  width: 100%;
  height: 75%;
  object-fit: cover;
}
.teamdescription {
  width: 100%;
  height: 25%;
  padding: 0px 10px 10px 10px;
  font-size: 14px;
  line-height: 1.2;
  text-align: center;
}

/* Responsive stuff */

@media screen and (min-width: 501px) and (max-width: 780px) {
  .teamphoto {
    width: 31.3333333%;
  }
}
@media screen and (min-width: 351px) and (max-width: 500px) {
  .teamphoto {
    width: 45%;
    margin: 0px 2.5% 30px 2.5%;
  }
}
@media screen and (max-width: 350px) {
  .teamphoto {
    width: 85%;
    margin: 0px 5% 30px 5%;
  }
}