/* css styles */

.profiles {
  display: flex;
  flex-wrap: wrap;
}

.profile {
  margin-bottom: 30px;
}
.profile:nth-of-type(odd) {
  flex: 200px;
  margin-right: 30px;
}
.profile:nth-of-type(even) {
  flex: 550px;
}


.tiny-profile {
  margin-bottom: 30px;
}
.tiny-profile:nth-of-type(odd) {
  flex: 100px;
  margin-right: 30px;
}
.tiny-profile:nth-of-type(even) {
  flex: 250px;
}

@media ( max-width: 1024px) {
  .tiny-profile:nth-of-type(even) {
    flex: 70% 0;
  }
}