.main-sidebar h3.faculty--name, .mobile-sidebar h3.faculty--name {
  font-size:1.2em;
  font-weight:600;
  padding:0;
  margin-bottom:0;
}

.main-sidebar .faculty--contact {
  margin-top:0;
}

.faculty--container {
  list-style-type:none;
  margin:0;
  padding:0;
  display:flex;
  flex-wrap:wrap;
}

.faculty--search input {
  max-width: 400px;
  padding: .2em;
  font-size:1.1em;
  margin-left: 1em;
  width: 100%;
  border: 1px solid #21c1ff;
}

.faculty--search input[type="text"]:focus {
  outline:none;
  background-color: rgba(204, 245, 255, 0.99);
  color: #000;
}

.faculty--search input[type="text"]:focus::-webkit-input-placeholder {
  color:#000;
  letter-spacing:.02em;
}
.faculty--search input[type="text"]:focus::-moz-placeholder {
  color:#000;
  letter-spacing:.02em;
}
.faculty--search input[type="text"]:focus::-ms-input-placeholder {
  color:#000;
  letter-spacing:.02em;
}


img.faculty-profile--portrait {
  max-width:250px;
}

.faculty--item {
  display:inline-block;
  width:49%;
  border:1px solid #ddd;
  margin-right:1%;
  margin-bottom:2%;
}

.faculty--item:hover {
  cursor:pointer;
}

li.faculty--item {
  padding:0;
}

.faculty--portrait {
  width:100%;
  height: 8.75em;
}

.faculty--name {
  font-weight:300;
  font-size:.9em;
  padding:1em 1em;
}

.faculty--name h3 {
  margin:0;
  font-weight:300;
  border-bottom:1px solid #ddd;
}

.faculty--name p {
  font-size:.9em;
  margin:.5em 0 0 0;
}


@media (min-width:680px) {
 
 .faculty {
    max-width: 890px;
 }
 
 .faculty--item {
   width:32.333%;
 } 
}

@media (min-width:980px) {
  .faculty--portrait {
    height: 13.75em;
  }
  
 .faculty--item {
   width:24%;
 } 
}