.employees {
  clear: both;
}
/* clearfix */
.employees:before,
.employees:after {
  content: " ";
  display: table;
}
.employees:after {
  clear: both;
}

.employees .employee {
  float: left;
  margin: 1%;
  width: 48%;
}

.employees .employee p {
  margin: .5em 0;
  line-height: 1;
}

.employees .employee .employee-name {
  font-weight: bold;
}

.employees .employee .employee-position {
  font-size: 80%;
  margin-top: 0;
  margin-bottom: 10px;
}

.employees .employee .employee-phone {
  background-image: url('employees-icons.png');
  background-position: 0 2px;
  background-repeat: no-repeat;
  padding-left: 25px;
  line-height: 17px;
}
.employees .employee .employee-email {
  background-image: url('employees-icons.png');
  background-position: -1px -24px;
  background-repeat: no-repeat;
  padding-left: 25px;
  line-height: 17px;
}

.employees .employee .employee-extra {
  margin-top: 15px;
}
.employees .employee .employee-extra p {
  line-height: 1.3;
  font-size: 85%;
}

@media screen and (max-width: 599px) {
  .employees .employee:nth-child(n) {
    width: 98%;
    margin-bottom: 25px;
  }
}

@media screen and (min-width: 600px) and (max-width: 959px) {
  .employees .employee:nth-child(n) {
    width: 49%;
  }
  .employees .employee:nth-child(odd) {
    margin-left: 0;
    clear: left;
  }
  .employees .employee:nth-child(even) {
    margin-right: 0;
  }
}

@media screen and (min-width: 960px) {
  .employees .employee {
    width: 32%;
  }

  .employees .employee:nth-child(3n+1) {
    margin-left: 0;
    clear: left;
  }

  .employees .employee:nth-child(3n+3) {
    margin-right: 0;
  }
}