#faculty-useful-links {
  width: 1180px;
  margin: 0 auto;
}
#faculty-useful-links ul {
  padding: 0;
  margin: 0;
  padding-top: 20px;
  text-align: left;
}
#faculty-useful-links ul li {
  width: 16.38%;
  list-style: none;
  padding: 0;
  margin: 0 0 2% 0;
  display: inline-block;
  text-decoration: none;
  /* conditions for IE8 + IE7 and below */
}
.oldie.ie7 #faculty-useful-links ul li {
  display: block;
  float: left;
}
#faculty-useful-links ul li a {
  display: block;
  padding-right: 12%;
  text-decoration: none;
}
#faculty-useful-links ul li a figure {
  text-decoration: none;
}
#faculty-useful-links ul li a:hover {
  text-decoration: none;
}
#faculty-useful-links ul li a:hover p {
  text-decoration: none;
}
#faculty-useful-links ul li p {
  padding: 0;
  width: 70%;
  padding-left: 5%;
  margin: 0;
  font-size: 0.8em;
  display: inline-block;
  vertical-align: middle;
  text-decoration: underline;
  /* conditions for IE8 + IE7 and below */
}
.oldie.ie7 #faculty-useful-links ul li p {
  display: block;
}
#faculty-useful-links ul li .image {
  padding: 0;
  margin: 2px 0 0;
  width: 25%;
  padding-bottom: 25%;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  overflow: hidden;
  /* conditions for IE8 + IE7 and below */
}
.oldie.ie7 #faculty-useful-links ul li .image {
  display: none;
}
#faculty-useful-links ul li .image img {
  min-width: 100%;
  min-height: 100%;
  width: 100%;
  display: block;
  vertical-align: middle;
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%) translateY(-50%);
  -webkit-transform: translate(-50%) translateY(-50%);
  -moz-transform: translate(-50%) translateY(-50%);
  -o-transform: translate(-50%) translateY(-50%);
  -ms-transform: translate(-50%) translateY(-50%);
  /* conditions for IE8 and below */
  /* ie8 fix */
  position: absolute;
}
.oldie #faculty-useful-links ul li .image img {
  top: auto;
  left: auto;
}
@media screen and (max-width: 1190px) {
  #faculty-useful-links {
    width: 98%;
  }
  #faculty-useful-links ul li {
    width: 24.5%;
    margin-bottom: 3%;
  }
}
@media screen and (max-width: 768px) {
  #faculty-useful-links {
    width: 95%;
  }
  #faculty-useful-links ul li {
    width: 49.5%;
  }
}
@media screen and (max-width: 480px) {
  #faculty-useful-links ul li {
    width: 100%;
    display: block;
  }
}