/**
 * Created by John Woodcock (john@userx.co) on 1/7/2019.
 */
.employee-item img {
  display: block;
  width: 100%;
  max-width: 200px;
  height: auto;
  margin: 0 auto 10px;
}
.employee-item h2 {
  font-size: 24px;
}
.employee-item h3 {
  font-size: 18px;
}
.employee-item p, .employee-item ul, .employee-item li {
  font-size: 14px;
  line-height: 1.5em;
}
.employee-item ul {
  margin-left: 20px;
}
.employee-item ul li {
  list-style-position: outside;
  list-style-type: square;
  padding-bottom: 5px;
}
.employee-item ul li:before {
  display: none;
}
.employee-item .listing-item .listing-item-image {
  float: left;
  width: 20%;
  height: 100px;
  background-position: center;
  background-size: cover;
}
.employee-item .listing-item h4, .employee-item .listing-item p {
  float: right;
  width: 75%;
}
.employee-item .listing-item:after {
  display: block;
  clear: both;
  height: 20px;
  content: " ";
}
.employee-item.full {
  width: 80%;
  max-width: 1000px;
  margin: 0 auto;
}

#employee-list {
  display: grid;
  gap: 4%;
  grid-template-columns: 22% 22% 22% 22%;
}
#employee-list .employee-item img {
  max-width: 100%;
}

@media screen and (max-width: 979px) {
  #employee-list {
    grid-template-columns: 30.6% 30.6% 30.6%;
  }
}
@media screen and (max-width: 767px) {
  #employee-list {
    grid-template-columns: 48% 48%;
  }
}

/*# sourceMappingURL=employee.css.map */