/* Portfolio grid fixes: responsive three-column layout and no placeholder panels. */
#portfolio-section .filters-content { width: 100%; }
#portfolio-section .grid { position: relative; margin-left: -12px; margin-right: -12px; }
#portfolio-section .isotope-card {
  width: 33.333333%;
  padding: 0 12px;
  margin: 0 0 28px;
  box-sizing: border-box;
  border: 0;
  border-radius: 0;
  overflow: hidden;
  background: transparent !important;
}
#portfolio-section .isotope-card > a {
  display: block;
  position: relative;
  width: 100%;
  height: auto;
  overflow: hidden;
  background: transparent !important;
  line-height: 0;
}
#portfolio-section .isotope-card > a::before { background: rgba(0,0,0,.42); }
#portfolio-section .isotope-card > a img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  object-fit: contain;
  transform: none;
  background: transparent;
}
#portfolio-section .isotope-card .contents { line-height: 1.4; padding: 18px; box-sizing: border-box; }
#portfolio-section .isotope-card .contents p { margin-bottom: 8px; }
#portfolio-section .isotope-card > a:hover img { transform: scale(1.02); }
@media (max-width: 767px) {
  #portfolio-section .isotope-card { width: 100%; }
  #portfolio-section .grid { margin-left: 0; margin-right: 0; }
  #portfolio-section .isotope-card { padding: 0; margin-bottom: 22px; }
}